Versión: 28 de Junio de 2020
- Transformar una aplicación web en una PWA.
- Entender la potencia de las PWA y todas las posibilidades que ofrecen.
Este ejemplo se basa en transformar la aplicación web de base de datos de películas utilizada en el módulo 4 del MOOC en una PWA. Para ello partiremos de la rama de este repositorio llamada "sinPWA" e iremos aplicando paso a paso los cambios necesarios hasta tranformar dicha aplicación web en una PWA (rama master). IMPORTANTE: La aplicación web que se encuentra en la rama "sinPWA" no está completa (en el código proporcionado sólo está implementada la funcionalidad de listar las películas existentes y editar película) por tratarse de la utilizada para la entrega del módulo 4 del MOOC. Pero igualmente se pueden ir aplicando los diferentes pasos sobre la entrega que el alumno realizó en el MOOC. Esta es la aplicación web en cuestión:
El proyecto debe clonarse en el ordenador desde el que se está trabajando:
$ git clone https://github.com/ging-moocs/MOOC_html_mod10-PWA_ejemplo
A continuación se debe acceder al directorio de trabajo.
$ cd MOOC_html_mod10-PWA_ejemplo
El fichero server.js contiene un servidor muy simple que tan solo sirve archivos estáticos que se encuentren en la carpeta "public" y redirige el tráfico http a https (condición indispensable para las PWAs). Para ejecutar dicho servidor y poder ver nuestra aplicación web funcionando ejecutamos:
$ npm start