¿Quieres estudiar mucho más sobre tecnología y encontrar inspiración para seguir creciendo? ¡Este blog es un recurso valioso para ti! Qué son las apps web progresivas y cómo instalarlas y emplearlas en iPhone y iPad
Gracias a las tecnologías web modernas como HTML5, las aplicaciones web progresivas se ejecutan en el navegador, no requieren una distribución separada, mezclan las características de las apps nativas con los beneficios de una experiencia móvil y las mantienen en la pantalla de inicio sin las afecciones de una app. Tienda.
El truco de las Progressive Web Apps (PWAs) está en su fachada: para el usuario, parecen una aplicación nativa clásico con modelos de interacción y navegación no muy dispares.
Las PWA acostumbran a prestar una versión simplificada del sitio con algunas funciones ampliadas.
Con Safari para la plataforma móvil de Apple 11.3 y macOS 10.13.4 posterior, puede explotar PWA. Las aplicaciones de PWA en la plataforma iOS necesitan peculiaridades de HTML5, como el Manifiesto de la aplicación web y la especificación de Service Workers para usar secuencias de comandos clave en background.
El creador de sitios móviles Maximiliano Firtman ha revisión detallada de PWA y su soporte en las interfaces Safari de Apple en el mundo entero si está entusiasmado.
¿Cómo instalar aplicaciones web progresivas en iPhone?
Puede abrir una aplicación PWA en su iPhone, iPad o iPod touch con iOS 11.3 sencillamente visitando su dirección de Internet en Safari. Tenga en cuenta que Safari móvil inteligente no ejecutará las apps PWA apropiadamente si no lo permite trabajadores de servicio por debajo Funcionalidades experimentales de WebKit en Ajustes → Safari (de hecho, habilite todas y cada una de las funciones experimentales en Safari).
Para poner un ingreso directo de PWA en su pantalla de inicio, realice lo siguiente:
1) grifo Para comunicar en Safari para el programa PWA que está utilizando.
2) Toque el icono marcado Añadir a la pantalla principal.
3) conseguir Agregar en la esquina superior derecha.
4) Ahora nombra tu PWA para que se pueda distinguir de su contraparte nativa en la pantalla de inicio y en el motor de búsqueda, luego toque Agregar en la esquina superior derecha.
Ahora puede iniciar el PWA desde la pantalla de inicio tocando su icono.
Las ediciones nativas de PWA acostumbran a tener “lite” en el nombre
Tenga en cuenta que los navegadores de otros disponibles en App Store (incluidos Chrome, Firefox, Brave y Edge) no tienen la posibilidad de “disponer” PWA y algunos de ellos no son compatibles con Service Workers.
Elimine la app PWA de la pantalla de inicio como lo haría con una app nativa
Debido a las limitaciones de Apple, la PWA se ejecuta en Safari. El PWA se puede eliminar del mismo modo que cualquier aplicación nativa de la pantalla de inicio: toque y mantenga presionado hasta que los íconos empiecen a tremer como si estuviesen bailando, entonces toque la pequeña “x” en la esquina superior izquierda del ícono.
Al final, confirme la operación tocando Eliminar botón.
Echa una ojeada a estas aplicaciones web progresivas
Dado que las apps de PWA no se distribuyen a través de la tienda de aplicaciones y no necesitan ningún tipo de empaque o distribución especial, comprender la URL de la aplicación de PWA es primordial.
Para evaluar los PWA de fullscreen, agréguelos a su interfaz de arranque:
O echa una ojeada a otros PWA para tu inspiración.
Asegúrese de tocar de forma manual el link en un iPhone o iPad con iOS 11.3 o posterior. Conocer, por ejemplo, el dominio .com de Twitter en Safari o hacer clic en un enlace en los resultados de búsqueda de Google+ puede cargar la versión móvil del lugar en vez de la PWA.
Si no usa PWA durante ciertas semanas, iOS intentará liberar el espacio ocupado por sus archivos. Si esto sucede, el ícono permanecerá en la pantalla de inicio, pero el PWA se volverá a descargar al iniciarse, en tanto que iOS ya no lo guarda en caché.
Beneficios de las aplicaciones web progresivas
Las apps PWA pueden ejecutarse sin conexión y parecer prácticamente indistinguibles de las apps nativas. La atrapa de pantalla en la parte superior de la publicación exhibe una PWA sin conexión que se ejecuta en fullscreen en un iPad.
¿Puedes distinguir a los originarios? ¿Aplicación de Twitter y versión PWA?
Las habilidades de la aplicación PWA en iOS incluyen:
- Geolocalización
- Cámara
- salida de audio
- pago de manzana
- Sensores (magnetómetro, acelerómetro y giroscopio)
- Síntesis de voz (solo con auriculares conectados)
- Los clientes empresariales tienen la posibilidad de recibir hashes de PWA de su empresa
- WebAssembly, WebRTC, WebGL y muchas otras funcionalidades experimentales
Y dado que las PWA se pueden alojar en cualquier sitio, sus programadores tienen la posibilidad de pasar por alto la App Store y los clientes pueden “instalarlas” sin Apple de forma directa desde Safari (esto puede ser un arma de doble filo, ya que ninguna PWA superó ninguna prueba de calidad de la App Store).
Lo mejor de las PWA es que se parecen a las aplicaciones nativas y se ejecutan en un desarrollo de Safari de fullscreen sin cromo circundante. Las aplicaciones PWA aparecen en el selector de aplicaciones y en el iPad Dock como una aplicación nativa regular de la App Store.
En ocasiones, una aplicación nativa y su contraparte PWA distribuyen el mismo ícono
Restricciones de las apps web progresivas para iOS
Los programas PWA aún se encuentran en sus primeras etapas y la implementación de Apple tampoco es de primera categoría. Para ilustrar mi punto, estos son los inconvenientes y obstáculos que puede encontrar al emplear PWA:
- El estado de la aplicación se pierde entre sesiones
- Al tocar el link, se inicia otra instancia de Safari.
- La barra de estado negra en ocasiones puede ocultar información en la barra de estado de iOS
- El almacenaje local de IndexedDB está limitado a 50 MB
- El audio WebRTS no funciona
- Sin autenticación Face ID o Touch ID
- Sin soporte para Bluetooth o iBeacon
- Sin alertas push ni emblemas de iconos
- Sin inserción web ni sincronización en background
- Sin integración con Siri
- Sin soporte ARKit
- Sin reconocimiento de voz
- Sin ingreso a la información de la batería
- No hay pago en la app disponible
- Sin ingreso a los diálogos de uso compartido nativos
- Sin firmar ni empacar
- Sin navegación hacia atrás
- No hay accesos directos de 3D Touch para el ícono de la pantalla de inicio
- Los PWA inactivos aparecen como pantallas blancas en el selector de aplicaciones
- Reinstalar el mismo PWA agrega otro ícono a la pantalla de inicio
- Los modos multitarea iOS Slide Over y Split View no son compatibles
Ninguna integración de Siri es desilusionante, especialmente en el contexto de la función de accesos directos de la plataforma móvil de Apple 12. Incluso si hay un ícono de app PWA en la interfaz de arranque, Siri no lo sabe y no se le puede pedir que empiece la app en su nombre.
El mayor problema es que las PWA no almacenan el estado entre sesiones. Sin un estado guardado apropiadamente, es probable que un usuario que sale de un PWA lo vuelva a ver en el momento en que regrese.
Esto causa que las funcionalidades típicas de PWA, como solicitarle al usuario que verifique su dirección de correo o efectuar la autenticación de 2 factores a través de SMS, no sean compatibles con iOS. Además, muchos redireccionamientos basados en OAuth abren otra instancia de Safari y jamás vuelven a PWA.
A la izquierda, la aplicación nativa de Uber para la plataforma móvil de Apple, y a la derecha, la versión PWA
Un punto mucho más que merece la pena nombrar: las PWA no se ejecutarán en segundo plano, lo que impide que muchas PWA centradas en medios transmitan o reproduzcan audio en segundo plano. En dependencia de su versión de iOS, puede notar otros extraños Comportamientos y errores relacionados con PWA, como recargar al cambiar de app.
Es probable que algunas de las limitaciones citadas anteriormente se resuelvan conforme la plataforma web se ponga cada día con funcionalidades nativas puras como el escaneo de Face ID o la RA a través de ARKit.
Apps web progresivas ≠ apps nativas
Aquí hay un poco de historia de PWA.
Una vez que el iPhone original debutara en 2007, los entusiastas se dedicaron a hacer jailbreak. La primera tienda de apps con apps nativas de terceros no llegaría hasta el año siguiente, por lo que Steve sugirió a los desarrolladores que usaran apps web ya que Safari en el iPhone necesitaba soporte.
Avance veloz hasta hoy y ahora tenemos apps web progresivas (¡gracias, Steve!).
Agregar “Lite” a los nombres de PWA los distingue de las apps nativas de la interfaz de arranque…
No hace falta decir que, Google+ ha establecido totalmente PWA ¿Y quién tiene la culpa, realmente? Tras todo, el contenido web es mucho más fácil de buscar y también indexar que el contenido de la app.
…y en los resultados de la búsqueda de iOS
PWA de iOS: aún no está listo para el horario de máxima audiencia
No hay dos maneras de hacerlo, los PWA en la plataforma iOS aún no están completados para el horario de máxima audiencia, especialmente en el momento en que considera las limitaciones que no existen en Android.
Ya que no hay anuncios ni invitaciones de Safari, el usuario debe encontrar la app PWA y conocer su dirección de Internet en Safari, entonces hacer clic en el icono Compartir y escoger la acción Añadir a la interfaz de arranque.
Es demasiado trabajo, especialmente sin señalar que el lugar que estás visitando es una PWA.
En comparación, es considerablemente más fácil tocar los banners de la aplicación en la parte de arriba del portal web y descargar una aplicación nativa de la App Store. Hasta que Apple duplique el soporte de PWA, lo que dudo que hagan teniendo en cuenta conseguir dinero en la App Store, habrá poco deber por la parte de los usuarios de iPhone.
En resumen, las apps iOS PWA hoy día ofrecen un valor comercial bajo en comparación con las aplicaciones nativas.
Para sintetizar
Las implicaciones de las PWA para un usuario de la plataforma móvil de Apple no son obvias puesto que Apple no explica exactamente de qué forma emplearlas. No hace falta ser un genio para conocer qué preferiría Apple para bajar apps nativas de la App Store. Que las PWA en iOS tengan funciones mucho más limitadas debido al entorno sandbox de Apple que en Android tampoco ayuda.
Y por esta razón, es poco probable que las PWA se hagan cargo de las aplicaciones nativas en el corto plazo.
Si no está satisfecho con el estado de hoy de las cosas con respecto al soporte de PWA en iOS, siempre puede mandar peticiones de mejora a bugreport.apple.com.
¿Análisis?
Si le agrada esta guía, pásela a su personal de soporte y deje un comentario ahora.
¿atascado? ¿No tienes idea de qué manera realizar algunas cosas en tu dispositivo Apple? Háganos entender por [email protected] y un futuro tutorial puede proporcionar resoluciones.
Envíe sus propias sugerencias sobre de qué manera hacer esto por medio de [email protected].
Fikiri.net es el sitio perfecto para encontrar las últimas noticias y opiniones sobre dispositivos y aplicaciones tecnológicas, de esta manera para conseguir consejos y trucos para sacar el máximo partido de tu tecnología.
