Si están usando la versión 6 de Angular CLI, el comando para agregar ServiceWorkers cambió y ahora es el siguiente:
ng add @angular/pwa
Pueden ver más información en este link: https://github.com/angular/angular-cli/issues/10042
Clase 1
Qué es una ServiceWorker
Clase 2
El ciclo de vida de una SW
Clase 3
Registrar una ServiceWorker
Clase 4
Eventos de una ServiceWorker
Clase 5
Programar una ServiceWorker
Clase 6
Angular ServiceWorkers
Clase 7
WebManifest
Clase 8
Fundamentos de notificaciones push con Firebase Cloud Messaging
Clase 9
Directiva ngIf y Else
Clase 10
Solicitar permisos para recibir notificaciones push
Clase 11
Registrar ServiceWorker para Firebase Messaging
Clase 12
Obtener suscripción de notificaciones de la ServiceWorker
Clase 13
Cancelar suscripción de notificaciones push
Clase 14
Detalles de UI para notificaciones
Clase 15
Enviar notificaciones push
Clase 16
Recibir notificaciones push con la app activa
Clase 17
Guardar tokens en Firestore
Clase 18
Actualizar el token
Clase 19
Almacenamiento de datos offline
4 comentario(s)
Si están usando la versión 6 de Angular CLI, el comando para agregar ServiceWorkers cambió y ahora es el siguiente:
ng add @angular/pwa
Pueden ver más información en este link: https://github.com/angular/angular-cli/issues/10042
Tuve algunos problemas para integrar la serviceWorker ya que uso Angular 6, pero finalmente lo pude resolver asi: 1. agregué la bandera "serviceWorker": true manualmente en el angular.json 2. tuve que copiar el archivo ngsw-config.json en la raiz del proyecto tambien 3. como al ejecutar ng build --prod solo se creaba la carpeta browser, tuve que ejecutar uno de los comandos que aparecen en el package.json (npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:prerender) para que creara la carpeta browser, la server, y los archivos prerender.js y server.js, aunque igual quedó faltando la carpeta assets, hice la prueba que haces al final del video y si funciona, solo espero que mas adelante no tenga problemas por la falta de esa carpeta assets.
Hola, llevo varios días intentando y no he podido integrar la serviceWorker de angular, tengo 2 problemas: 1. despues de prender la bandera, en el archivo angular.json no aparece "serviceWorker": true 2. después de ejecutar ng build --prod, si se crea la carpeta “dist”, pero esta no contiene la carpeta "server", ni "assets", ni el archivo "ngsw-worker.js" entre otros, ya he ejecutado varios de los comandos que trae package.json, pero ninguno crea dicho archivo ni las carpetas. ya no se que hacer, ayuda por favor.
estoy trabajando con: Angular CLI: 6.0.0 Node: 8.11.3 OS: darwin x64 Angular: 6.0.9 Gracias
Clase 38