Generando la primer PWA

Corriendo unos comandos es posible tener en localhost un server seguro falso, para probar con https

https://github.com/romelgomez/safelocalhost

• Abre un terminal y ejecuta: . ./safelocalhost.sh
• Abre el navegador Chrome, e introduce en la barra de dirección URL: chrome://settings/certificates
• Selecciona la tab: Authorities
• Selecciona el archivo generado: /safelocalhost/temp/root_crt.crt
• Asegurate de marcar que todos los checkboxes de Trust settings
• Obtén la ruta completa a los archivos server.crt y server.key generados.
• Ejecuta:

ng serve --ssl true --ssl-cert $HOME"/Desktop/projects/safelocalhost/temp/server.crt" --ssl-key $HOME"/Desktop/projects/safelocalhost/temp/server.key"

• luego visita https://localhost/

Bueno actualmente estoy usando nvm para tener la version de node que se utilice en estos proyectos mas viejos, y que no me choque con la de mi trabajo. Pero para poder hacer funcionar todo sin cambiar de version de CLI hice lo siguiente

1.Borrar node module
2.Borrar package-lock.json
3.Borrar tsconfig.base.json
4.Instalar una version de node 14.16 en adelante
5. Instalar globalmente angular CLI 11.0.7
6. npm i
7. Ejecutar ng add @angular-eslint/schematics
8. Ejecutar ng g @angular-eslint/schematics:add-eslint-to-project platzi-store
9. Por ultimo ejecutar ng add @angular/[email protected]

Si cierran la cuenta en firebase y luego con el comando firebase login sale este error “Cannot run login in non-interactive mode. See login:ci to generate a token for use in non-interactive environments.”, Actualicen firebase con

 npm install -g firebase-tools

y luego para ingresar a firebase usan el código

firebase login --interactive

comando para ejecutar pwa
ng add @angular/pwa

al hacer el firebase init me sale el siguiente error:

=== Project Setup

First, let’s associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add,
but for now we’ll just set up a default project.

i .firebaserc already has a default project, using angular-pwa-platzi.

Error: Failed to get Firebase project angular-pwa-platzi. Please make sure the project exists and your account has permission to access it.

firebase init: inicia el servicio

Pregunta, a los assets podemos no usarlos? y tomar todas las imagenes de firebase?o un cdn?

Estoy teniendo este problema al ejecutar ng add @angular/pwa

An unhandled exception occurred: Cannot find module '@schematics/angular/utility' 

Por si actualizan el proyecto a una versión de angular posterior o igual a la 12, el comando para generar la compilación para producción es ng build --configuration production

venia trabajando este proyecto desde el curso basico de angular , al hacer el deploy a firebase hosting no me cargaban las peticiones de la resapi de heroku del profesor , esto se debia a que las PWA tienen que ser HTTPS en TODO , hasta en las peticiones , revise mi archivo enviroment.prod.ts y el enlace a la api era: url_api:‘http😕/platzi-store.herokuapp.com’, lo tuve que cambiar a HTTPS url_api:‘https://platzi-store.herokuapp.com’, y asi ya funciono la app hosteada en firebase y haciendo peticiones a una api HTTPS tambien

Este es el comando para añadir las referencias de PWA.
ng add @angular/pwa

como lo puedo ejecutar en ubuntu 18.04?

a la gente que le falle el firebase init borrad todo lo que se de firebase del proyecto