progressive web apps - tutorial - ¿Qué es la solución de aplicación web progresiva para IOS
pwa tutorial (2)
Tenga en cuenta que "Navegadores que admiten aplicaciones web progresivas" no es un término real, PWA en sí es un conjunto de características que una aplicación web puede proporcionar a los usuarios. Por lo tanto, no se trata solo de Service Worker y App Manifest.
Echa un vistazo: Lista de verificación de PWA de referencia .
Esto es lo que puede hacer para lograr PWA en iOS / Safari en el momento en que se crea esta respuesta:
- El sitio se sirve a través de HTTPS ✅
- Las páginas responden en tabletas y dispositivos móviles ✅
- La URL de inicio (al menos) se carga sin conexión 🚫
- Metadatos proporcionados para Agregar a la pantalla de inicio ✅❗️
- Primera carga rápida incluso en 3G ✅
- El sitio funciona entre navegadores ✅
- Las transiciones de página no parecen bloquearse en la red ✅
- Cada página tiene una URL ✅
Como puede ver, casi todo funciona, incluso si su página no puede funcionar sin conexión en iOS / Safari, todavía hay un gran beneficio de "actualizar" su aplicación web en una PWA.
Lo que realmente quiere no es el título elegante de "Aplicaciones web progresivas", sino una buena aplicación web que ofrece una buena experiencia y características para los usuarios. Este es un viaje ya que puedes lograrlo por cada pequeña parte, por eso se llama "Progresivo".
Nota sobre "Agregar a la pantalla de inicio: Safari tiene su propia especificación para el" icono de la pantalla de inicio "llamada
apple-mobile-web-app-capable
en las metaetiquetas.
Web App Manifest Generator
tiene una alternativa para iOS que usa estas metaetiquetas.
Me preguntaba cuál es la solución de la aplicación web progresiva para dispositivos IOS ya que su navegador predeterminado SAFARI aún no admite aplicaciones web progresivas. ¿Cuál es la alternativa para las contrapartes de iOS?
EDITAR 3:
¡Los trabajadores de servicio han enviado Safari para iOS el 30 de marzo de 2018!
EDITAR 2:
Un desarrollador de Apple llamado Ricky Mondello tuiteó esto el 24 de enero de 2018:
https://twitter.com/rmondello/status/956256845311590400
"iOS 11.3 y macOS 10.13.4 incluyen Service Workers, una potente especificación que permite que los scripts en segundo plano alimenten aplicaciones web sin conexión. iOS 11.3 también consulta el Manifiesto de aplicaciones web al agregar aplicaciones web a la pantalla de inicio".
¡Increíble!
Aún no hay noticias de notificaciones push, pero aún así son noticias sorprendentes.
EDITAR:
Escribí un artículo llamando a Apple sobre el tema:
Fue publicado en las noticias de los piratas informáticos y tuvo una buena exposición en Twitter. Una semana después, comenzaron a desarrollarlo. Entonces, estad atentos, ¡parece que finalmente está en camino!
RESPUESTA ORIGINAL:
"Por lo tanto, no se trata solo de Service Worker y App Manifest".
En mi opinión, de eso se trata realmente una PWA: el trabajador del servicio. Eso es lo que le permite hacer todas las cosas increíbles que los PWA hacen posible. La línea de base ha sido posible lograr desde hace mucho tiempo, y aunque Google técnicamente los ha establecido como una clasificación de línea de base, esas cosas no son lo que realmente hacen que una PWA sea lo que es. De lo contrario, es solo una aplicación web receptiva regular en mi libro.
Aquí hay una lista de cosas que aún no puede hacer con el safari móvil debido a la negativa de Apple a apoyarlos (porque perderán el dinero de la tienda de aplicaciones):
- Crear una pantalla de carga de aplicaciones
- Usar notificaciones push
- Agregar soporte fuera de línea
- Cree una interfaz de usuario de aplicación inicial para cargar al instante
- Instalación rápida en la pantalla de inicio a través del diálogo guiado por el navegador
La respuesta aceptada realmente pinta la imagen incorrecta aquí. Llevé al límite la experiencia de Apple como ''nativa'' en el safari móvil, y todavía es bastante mala. He experimentado numerosos problemas con el modo de pantalla completa del safari móvil, y Apple simplemente no se preocupa por ellos. Es tratado como un ciudadano de segunda clase porque no genera dinero como lo hace la tienda de aplicaciones.
Notarás que si agregas el nuevo e increíble sitio móvil basado en Reaccionar / Redux de Twitter a tu pantalla de inicio en iOS, no se abrirá en modo de pantalla completa. Sospecho que es por las mismas razones que encontré: errores en abundancia, sin que nadie del equipo de Apple trabaje en ellos.
La pantalla de carga que alguna vez fue posible en el modo de pantalla completa de iOS que estaba disponible en el manifiesto de la aplicación web ha dejado de funcionar misteriosamente, sin comentarios de Apple en sus foros sobre publicaciones sobre el tema. Y tener que decirles a los usuarios: "Oh, oye, simplemente haz clic en compartir, luego deslízate hacia" Agregar a la pantalla de inicio "es una forma horrible de tener que hacer las cosas.
Es un triste estado de cosas. La lista en la respuesta actual aceptada realmente debería llamarse "Lista de aplicaciones web receptivas de línea de base".
Y para responder la pregunta aquí: no, no hay alternativa y no hay nada que pueda hacer. Tienes que jugar al juego de Apple, pagar $ 100 para obtener acceso a la tienda de aplicaciones, y aprender un lenguaje de programación completamente diferente y más complejo, y mantener una base de código completamente separada.
Acabo de pasar 6 meses aprendiendo React Native para un proyecto de cliente, y ha sido increíble. Lo recomiendo mucho Puede crear aplicaciones verdaderamente nativas usando JavaScript y compartir su base de código entre iOS y Android.
Para ser claros, no soy anti-Apple. Yo uso un iPhone y desarrollo en una Mac. Pero este aspecto de su estrategia comercial es seguramente una pena.