What PWA Can Do Today - Lo que PWA puede hacer hoy

Funciones de PWA disponibles ahora

• PWA (Progressive Web App) es un sitio web que se puede instalar en el dispositivo y ofrece una experiencia similar a la de una app.
• Esta app es una PWA y se puede instalar en la pantalla de inicio de un dispositivo móvil o de escritorio.
• Después de instalarla, puedes revisar las demostraciones de las funciones a continuación para ver qué capacidades son compatibles con tu dispositivo.

Funciones

• Captura de medios: la app web puede usar la cámara y el micrófono del dispositivo.
• Geolocalización: el usuario puede compartir su ubicación con la app web.
• Notificaciones: la app web puede mostrar notificaciones incluso cuando la app no está activa.
• Selección de contactos: permite seleccionar los contactos del usuario.
• Compartir en la web: puede invocar el mecanismo nativo de compartir del dispositivo y compartir texto, URL o archivos.
• Autenticación: permite autenticación sin contraseña mediante lector de huellas o una llave de seguridad USB externa.
• Sistema de archivos: puede acceder al sistema de archivos del dispositivo del usuario.
• Detección de códigos de barras: puede detectar códigos de barras y códigos QR en imágenes.
• Detección facial: puede detectar rostros en imágenes.
• Vibración: puede hacer vibrar un dispositivo móvil.
• Grabación de audio: puede grabar y visualizar audio.
• Audio: puede mostrar controles de reproducción multimedia en la pantalla de bloqueo del dispositivo.
• Sincronización en segundo plano: puede posponer tareas cuando no hay conexión y ejecutarlas cuando se restablezca la red.
• Descarga en segundo plano: puede descargar archivos grandes en segundo plano incluso cuando la app no está en ejecución.
• Capture Handle: permite que una app web de captura de pantalla se comunique de forma confiable con la app web capturada.
• API de almacenamiento: la app web puede guardar datos estructurados de forma persistente en el navegador del usuario.
• Bluetooth: la app web puede conectarse a dispositivos BLE y leer o escribir valores.
• NFC: la app web puede leer y escribir etiquetas NFC.
• Realidad aumentada / realidad virtual: permite colocar objetos virtuales en el mundo real.
• Pagos: permite hacer pagos en la web con tarjeta de crédito, Apple Pay o Google Pay.
• Wake Lock: puede evitar que la pantalla se atenúe o se bloquee cuando la app necesita seguir activa.
• Orientación: proporciona información sobre la orientación física del dispositivo del usuario.
• Movimiento: proporciona información sobre la velocidad de los cambios en la posición y orientación del dispositivo del usuario.
• Información de red: proporciona información sobre la conexión del dispositivo para que la app web pueda ajustar funciones según la calidad de la red.
• Síntesis de voz: convierte texto en voz y permite que el programa lea el contenido textual.
• Reconocimiento de voz: puede reconocer contenido de voz a partir de entrada de voz.
• Multitáctil: puede capturar gestos táctiles complejos.

Cómo activar sensores

• Cómo habilitarlos cuando los sensores de movimiento no están disponibles en el dispositivo.
• iOS: solo aplica a iOS 12. Puede que necesites quitar la app de la pantalla de inicio y volver a agregarla para que se apliquen los cambios.
• Android: abre este sitio en Chrome para Android y, en el menú principal, toca 'Sensores de movimiento' para activarlos.

Opinión de GN⁺

• PWA es una tecnología innovadora que ofrece a los usuarios una experiencia similar a la de una app nativa, al mismo tiempo que brinda mayor accesibilidad y compatibilidad mediante tecnologías web.
• Este artículo presenta varias funciones de PWA y, en particular, capacidades como la captura de medios, la geolocalización y la sincronización en segundo plano son funciones importantes que pueden mejorar mucho la experiencia móvil del usuario.
• Al ofrecer cómo activar sensores, brinda información útil para ayudar a que los usuarios aprovechen al máximo todas las funciones de PWA en sus dispositivos.

[pmc7777]

¡Tengo muchísimas ganas de que llegue el día en que las PWA cambien el mercado de las tiendas móviles!

[anjin225]

Estaría mejor si soportara url scheme jaja... qué lástima

[GN⁺]

Comentarios de Hacker News

• Un usuario mencionó que están implementando PWA (Progressive Web Apps) en dispositivos iPad y Surface Go para sus clientes a través de Microsoft InTune, y que aunque alrededor de 2020 era una pesadilla, ahora todo funciona mucho mejor. Dijo que un cliente que cambió de iPad a Surface Go propuso un proceso mejorado que, usando administración adicional de endpoints, hizo que la experiencia de la PWA se pareciera al modo kiosco. Comentó que la mayor limitación para ellos era la calidad de la cámara enfocando el entorno y el nivel de acceso a las funciones de la cámara desde el navegador; iOS/Safari era muy débil al principio, pero ahora ha mejorado bastante. Ahora pueden obtener escaneo del entorno en 2k a 30fps con la cámara trasera del iPad mediante Safari, y el escaneo de códigos de barras 2D y la captura de documentos son 100% viables. Estas funciones antes eran muy inestables durante las demos del producto, pero ahora ya no les preocupan. Comentó que casi regresan a una app nativa de iOS por el problema de la cámara, pero mantener una cadena de compilación nativa en un entorno 100% Microsoft era una gran carga. Dijo que antes firmaban IPA empresariales para clientes desde hacía medio siglo, pero ahora se pasaron a web/PWA, y afirmó que si la web desaparece, buscará otra carrera y otros hobbies.
• Otro usuario comentó que, dado que el propósito central de las PWA es ofrecer apps multiplataforma, es una lástima que el sitio no destaque de forma visible qué funciones están soportadas de manera "universal" en iOS y Android. Sostuvo que si una función no está disponible en todas o en la mayoría de las plataformas, no es justo decir que realmente puede usarse en una PWA.
• Otro usuario señaló que incluso el sitio de demostración de la PWA tiene bugs de UX notorios en iOS. Mencionó un problema de animaciones duplicadas al deslizar desde los lados de la pantalla para ir atrás o adelante. Dijo que corregir esto podría ser tan simple como desactivar la animación de deslizamiento de la página, pero que el creador del sitio probablemente no se dio cuenta o no le importó. También afirmó que Apple tiene parte de la culpa y que, idealmente, debería existir una interfaz más adecuada para detectar y personalizar los gestos nativos de deslizamiento.
• Un usuario criticó que algunas personas de la comunidad de Hacker News dejen críticas groseras como si fuera seguro que el creador del sitio no fuera a ver los comentarios. Señaló que aunque puede ser necesario aceptar críticas por publicar algo al mundo, esa es una razón por la que a personas fuera de esta comunidad no les gusta que su trabajo se comparta aquí o al menos se niegan a leer los comentarios.
• Un usuario comentó que espera que Firefox de escritorio se sume a los navegadores que soportan PWA. Dijo que están creando una app pensada primero para PWA, pero que eso generalmente significa que el usuario debe ejecutar una instancia de Chrome. Sostuvo que si Firefox lograra una integración de PWA más fluida que Chrome, eso sería una razón para recomendar la app.
• Otro usuario afirmó que el principal problema técnico que impide la adopción de PWA es que el mundo del frontend en JS está adicto a frameworks de frontend que destruyen la UX. También comentó que las app stores ofrecen un valor central que las PWA nunca podrán tener, y que la confianza es especialmente más fuerte en la App Store de iOS.
• Un usuario comentó que si este sitio es una demo que pretende mostrar bien las posibilidades de las PWA, para él fue un fracaso. Señaló problemas como tiempos de carga largos, demasiadas funciones o funcionalidades no deseadas, y navegación doble al intentar volver atrás con un gesto de deslizamiento.
• Otro usuario comentó que esperará hasta que en iOS las PWA puedan registrarse como destino para compartir. Dijo que quiere la función de que, al hacer clic en "Compartir" en una página web, la app aparezca en la hoja de compartir.
• Un usuario comentó que no le parece bien que en el repositorio de GitHub solo haya un rastreador de errores y no el código fuente, y sostuvo que si realmente quieren promover las PWA, deberían publicar el código fuente completo.
• Por último, un usuario comentó que varias funciones de la app de demostración no funcionan en iOS 17, y lo dijo con sarcasmo como si fuera exactamente lo que Apple quiere. En cambio, dijo que probó la Eclipse Emulator PWA en iOS durante varios días y funcionó muy bien. El único problema que ha tenido hasta ahora fue que el sonido se corta al emular SNES.