Menu

Un paso para las PWAs en IOS.

pwa - April 02, 2018 por Carlos Rojas | Edita este Post.

Recientemente se libero la actualización de IOS 11.3 cargada de nuevas mejoras para este S.O pero adicionalmente, se comenzo el soporte de caracteristicas basicas para las PWAs.

Como instalo una PWA en IOS.

Bueno rigurosamente no la podriamos llamar una PWA aún. digamos la manera de instalar una WebApp con un Service Worker es la siguiente.

  • Puedes ir a Pwa.rocks.

  • Ingresar a una de las Apps.

  • Desde safari dar Share.

  • Seleccionar “Add to Homescreen” o “Agregar al Inicio”.

  • Ya deberia estar en tu pantalla.

Caracteristicas para tus PWAs que ahora puedes tener en IOS.

  • Almacenamiento Offline hasta 50MB.

  • Soporte de Service Workers ( Muy basico ).

  • No permite ejecutar procesos en segundo plano (No Push Notification, No Background Sync).

Eso es… Bueno al menos es un comienzo.

Algunas caracteristicas que faltan.

Bueno diria que todo. Pero seria un poco pesimista :p digamos que casi el 98% de las caracteristicas que ahora podemos disfrutar en Android no funcionan en Safari, entonces, no creo que aun puedas empezar a ofrecer esto a tus clientes. Hago una lista de algunas cosas que aun falta.

  • Soporte de Web Manifest. Apple usa algo llamado apple-touch-icon para poder configurar el icono.

  • Poder almacenar más de 50MB offline.

  • No borrar tus archivos si no utilizas el App.

  • Background Sync y Web Push Notifications.

  • Web App Banner para invitar a tus usuarios.

Como preparo mi App para ser PWA ?.

Si trabajas con Angular o Ionic, es relativamente sencillo comenzar con las PWAs. Aca te dejo dos articulos por donde podrias comenzar.

Bueno espero que sea de ayuda y no te olvides comentar y compartir :)

¡Compártelo!