Las Progressive Web Apps son páginas web que se comportan como aplicaciones nativas.
1.- Creamos nuestra aplicación en Ionic y una vez que está lista accedemos al archivo “index.html” en el cual debemos descomentar el siguiente código.
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.error('Error', err));
}
</script>
2.- Hacemos la compilación de la aplicación con el comando:
ionic build --prod
3.-Entramos a la carpeta del proyecto y copiamos el contenido del directorio “www” al servidor donde vayamos a publicar nuestra PWA.
4.- Una vez que todo el contenido se haya subido al servidor consultamos la ruta del directorio.
Nota: Al abrir la aplicación en el navegador podemos agregarla a la pantalla de inicio y se verá como una aplicación normal.