Probar funcionalidad del botón de instalación

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

Clase anteriorSiguiente clase

Juan Carlos Barcinilla Alarcon

student•

Muy buena practica para implementar.

Rodrigo Rodriguez

student•

Es posible detectar si la aplicacion ya esta instalada ? asi ocultamos el boton si ya estuviera instalada ?

Pedro Quiñonez Verdugo

student•

A mi me marco este error: Site cannot be installed: Page does not work offline. Starting in Chrome 93, the installability criteria is changing, and this site will not be installable. See https://goo.gle/improved-pwa-offline-detection for more information.

Federico Cordiviola

student•

Que bueno!!! Me quedé sin audio, esto no se puede implementar en IOS verdad? Sólo Android?

Cómo puedo implementar esto mismo pero con Google Materialize?

Gabriel De Andrade

student•

Si, en clases siguientes aprendemos a hacer el proceso de instalación en iOS. Tenemos un Curso de Materialize, recuerda que esto es sólo un framework CSS y lo estarías implementando en una web responsive :D

Federico Cordiviola

student•

1- O sea que ¿si se puede hacer un botón de instalación para IOS?, seguro????

2- Yo lo que hago es un PWA, en el curso ven Angular, yo utilizo Materialize. Y creo mi Service Worker, mi manifest y al entrar a internet me lanza el ADD TO HOME SCREEN en android y no en IOS porque entiendo que no es compatible. Entonces, viendo esta clase veo que se puede crear unboton mas bonito que diga instalar, quizas no ese add to home que parece que es una web, pero bueno, queda ver eso que dices de que si se puede para IOS. Gracias

Emmanuel Jóse Dávila Duque

student•

que programa usan para depurar el telefono?

Ricardo Exequiel De Angelis

student•

solo funciona para Chrome??

Alejandro Valenzuela

student•

Aca esta una lista de los navegadores que lo soportan en Browser compatibility. Saludos

Pedro Quiñonez Verdugo

student•

A mí me arrojó este error:

Site cannot be installed: Page does not work offline. Starting in Chrome 93, the installability criteria is changing, and this site will not be installable. See https://goo.gle/improved-pwa-offline-detection for more information.

Probar funcionalidad del botón de instalación

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