TL;DR - A partir de febrero de 2017, las Aplicaciones Web Progresivas son una plataforma suficientemente poderosa que Twitter ha movido todo su tráfico web móvil a una React PWA.

A partir de agosto de 2016, las aplicaciones Web Progresivas en realidad ofrecen más acceso al hardware de lo que comúnmente se piensa. Aquí hay una captura de pantalla de whatwebcando.hoy desde mi Chrome 52 estable en Android:

El acceso al hardware incluye

• geolocalización - soportado en el la gran mayoría de los navegadores
• cámara y micrófono a través de la getUserMedia / Stream y la próxima MediaStream Image Capture API
• dispositivo vibración
• pantalla orientación y acelerómetro acceso, incluyendo brújula y giroscopio
• estado de la batería

Próximo acceso al hardware

Estas características se están implementando o ya funcionan en algunos navegadores:

• Bluetooth vía Web Bluetooth API
• NFC
• sensor de luz ambiental (funciona en Firefox 48+)
• sensor de proximidad (funciona en Firefox 48+)
• acelerómetro, magnetómetro y giroscopio sensor de acceso
• api de detección de formas

Otro punto importante a tener en cuenta es que el Marco de los Ensayos de origen (implementado en Chrome) permite a los fabricantes exponer y probar las capacidades de hardware (o software) sin tener que pasar por el proceso de estandarización. Por ejemplo, un fabricante de teléfonos podría exponer una API para leer los valores de un sensor de presión, refinarlo y luego enviarlo para su consideración al W3C.

Además del acceso por hardware, también hay funciones de software tradicionalmente empleadas por aplicaciones nativas que ahora están disponibles para aplicaciones web.

Tradicionalmente nativo características que las PWA también pueden usar

• notificaciones push
• trabajando sin conexión
• añadir un icono a la pantalla de inicio
• apareciendo en la lista de aplicaciones gracias a WebAPKs - Las aplicaciones web progresivas ahora se pueden empaquetar en paquetes Android instalables reales!
• lanzándose en a pantalla completa
• acceso al portapapeles

• Gráficos 2D/3D acelerados por hardware a través de HTML5 Canvas o WebGL - revisa algunas de las demostraciones de Canvas de HTML5, Sitios WebGL o los tres.js library . Un benchmark de 2014 del motor de juegos multiplataforma de Unity comparó el rendimiento de renderizado nativo vs. WebGL, y concluyó que

  " La conclusión más importante es que, si bien todavía hay áreas donde WebGL es significativamente más lento que el código nativo, en general, puede esperar un rendimiento muy decente ya, y esto solo puede obtener mejor en el futuro."

  De hecho, la brecha se ha ido cerrando.

• leyendo archivos seleccionados por el usuario en cualquier navegador
• UIs lisas y lisas con animaciones de 60 fps

Estas características cubren muchos casos de uso, y muchas aplicaciones nativas populares hoy en día podrían reescribirse como PWA. Tomemos a Slack, por ejemplo. Su alternativa de código abierto, Rocket.Chat, está construyendo una versión PWA . Para más demos de PWA, ver https://pwa.rocks .

Características similares a las nativas que llegan a PWA

• manejando intents - por ejemplo, compartiendo una página con otra aplicación, o siendo el share target, por ejemplo, una aplicación de chat PWA que recibe una imagen para establecer como avatar del usuario

Características nativas de Android aún no disponibles para PWA

• acceso al sensor de huellas dactilares (en desarrollo)
• contactos, calendario y el acceso a los marcadores del navegador (la falta de acceso a estos podría verse como una característica por los usuarios conscientes de la privacidad)
• alarmas
• funciones de telefonía-interceptar SMS o llamadas, enviar SMS/MMS, obtener el número de teléfono del usuario, leer el correo de voz, hacer llamadas telefónicas sin el diálogo de marcado
• acceso de bajo nivel a algunas características de hardware y sensores: linterna, sensor de presión atmosférica
• acceso al sistema: administración de tareas, modificación de la configuración del sistema, logs

Las aplicaciones web progresivas ofrecen características que las aplicaciones nativas carecen

• descubribilidad: los motores de búsqueda pueden encontrar fácilmente contenido en aplicaciones web progresivas, pero una aplicación nativa centrada en el contenido como StackOverflow no se mostrará entre los resultados de búsqueda de la tienda de aplicaciones para el contenido al que sí ofrece acceso, como "pwa vs.nativo". Este es un problema para comunidades como Reddit, que no pueden exponer sus numerosas subcomunidades a la tienda de aplicaciones como individuales "apps".
• linkability - cualquier página / pantalla puede tener un enlace directo, que se puede compartir fácilmente
• bookmarkability - guarde ese enlace para acceder a la vista de una aplicación directamente
• siempre fresco - no hay necesidad de ir a través de las tiendas de aplicaciones para enviar actualizaciones
• acceso universal - no sujeto por las tiendas de aplicaciones a veces políticas arbitrarias o (involuntarias) restricciones geográficas
• grande ahorro de datos, extremadamente importante en los mercados emergentes con acceso a Internet costoso y/o lento. Por ejemplo, el sitio web de comercio electrónico Konga reduce el uso de datos en un 92% para la primera carga migrando a un PWA.
• baja fricción de distribución - si su aplicación web progresiva está en línea, ya es accesible para los usuarios de Android (y otros dispositivos móviles).
  • 65.5% de NOSOTROS, los usuarios de teléfonos inteligentes no descargan ninguna aplicación nueva cada mes
  • Las PWA eliminan la necesidad de ir a la tienda de aplicaciones, buscar la aplicación, haga clic en Instalar, esperar a que la descarga, a continuación, abrir la aplicación. Cada uno de estos pasos pierde el 20% de los usuarios potenciales.

Nota final: los PWA se ejecutan, con la misma base de código, tanto en el escritorio como en la mayoría de los dispositivos móviles. En entornos de escritorio (ChromeOS y más tarde Mac y Windows), se inician de la misma manera que otras aplicaciones y se ejecutan en una ventana de aplicación normal (sin pestaña del navegador).