PWA Ionic

by | Jun 14, 2019 | Desarrollo Móvil, Ionic

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.

Entradas relacionadas

Descubre en 5 minutos las áreas de tu empresa puedes mejorar