Poniendo tu app en el Homescreen

Clase 12 de 20 • Curso de Progressive Web Apps con Angular 8

Diosnel Enrique Velázquez Escobar

student•

standalone: La aplicación se mostrará como una app independiente. Así la aplicación puede tener su propia ventana, su propio icono en el lanzador de aplicaciones, etc. En este modo, the user agent excluirá los elementos de interfaz para controlar la navegación, pero puede incluir otros elementos como la barra de estado.

José Luis García Peceros

student•

short_name -> aparece en el Homescreen de la aplicación name -> landing page o splash screen

David Trespalacios

student•

Algun curso donde podamos subir nuestra PWA al Play Store? O alguna documentación que podamos seguir actualizado. Gracias

Kevin Morales

student•

Puedes echarle un ojo a este artículo. Creo que te puede servir.

David Trespalacios

student•

Gracias, lo revisaré aunque veo muchos conceptos que desconozco, pero será un primer paso.

Alfredo Callizaya Gutierrez

student•

Una buena app para compartir la pantalla del celular es : https://github.com/Genymobile/scrcpy Genial ...

Rodrigo Rodriguez

student•

de 10 !

Salvador Galliano

student•

Para los que usan iOS. La forma de instalarla es a traves de Safari browser. Chrome no tiene soporte aun para PWA.

Nicolas Molina

teacher•

Muchas gracias por el aporte

Bryan Condor

student•

¿algun articulo, donde puedan ver como poner un splash screen con el diseño personalizado?

Juan Castro

teacher•

Las configuraciones que podemos darle a la splash screen son muy limitados: https://dev.to/akshaykumar6/progressive-web-apps-custom-splash-screen-ce7. :thinking:

Nicolas Molina

teacher•

Hola!

Si de acuerdo con juandc esas son las configuraciones que tienes soportadas por PWA.

Francisco Mario Bautista Hernández

student•

Tengo una aplicación en angularjs, se puede hacer pwa?

Gustavo Restrepo

student•

No creo, o quizas no se pueda de la misma forma que en el curso.

Mariela de Jesus Rivas Hernandez

student•

Tengo una consulta, las configuraciones realizadas dentro del archivo manifest.webmanifest se aplican únicamente para la descarga de la pwa en un móbil o también para el escritorio?

Alexander Gonzales

student•

Un saludo para Noelia, :)

Cesar Elías Armendariz Ruano

student•

Tengo un problema y es que hice cambios en la aplicación, corro el comando ng serve y estan los cambios pero cuando hago el ng build --prod y lo mando al servidor de firebase con firebase deploy la aplicación no se actualiza alguien sabe que se podría hacer?.

Poniendo tu app en el Homescreen

Apropiar el concepto de PWA

Cómo crearás una PWA con Angular

¿Qué son las PWA?

Características de una PWA

PWA vs Híbrido vs Nativo

Los Services Workers

Proyecto del curso: Platzi Store

Entender PWA en Angular

Generando la primer PWA

Caché local y pruebas offline

Pruebas con Lighthouse

Caché de assets

Caché de requests

Construir una PWA luciendo como nativa

Poniendo tu app en el Homescreen

Crear botón de instalación automática

Probar funcionalidad del botón de instalación

Enviando actualizaciones

Implementando flujo de notificaciones

Gestionando notificaciones

Implementación y recomendaciones para IOS

Integrar continuamente

Aplicando Lighthouse Bot a tu proceso de integración continua

Conclusiones