{"id":485,"date":"2019-01-28T10:31:58","date_gmt":"2019-01-28T09:31:58","guid":{"rendered":"http:\/\/lalloue.fr\/blog\/?p=485"},"modified":"2019-01-28T11:25:01","modified_gmt":"2019-01-28T10:25:01","slug":"pwa-quelles-contraintes-sur-ios","status":"publish","type":"post","link":"http:\/\/lalloue.fr\/blog\/pwa-quelles-contraintes-sur-ios\/","title":{"rendered":"PWA : Quelles contraintes sur iOS ?"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Les Progressive Web Apps<\/strong> b\u00e9n\u00e9ficient du meilleurs des applications web et mobiles.
Et depuis la mise \u00e0 jour d’iOS en 11.3, les utilisateurs d’Apple ont enfin la possibilit\u00e9 de profiter des fonctionnalit\u00e9s typiques des PWA.
Mais malheureusement, en y regardant de plus pr\u00e8s, on est encore tr\u00e8s loin d’une compatibilit\u00e9 \u00e0 100%<\/strong> sur l’OS de la firme de Cupertino.
Voici une petite liste des contraintes iOS encore pr\u00e9sentes<\/strong> (et pr\u00e9sentes sur l’ensemble des navigateurs disponibles sur iOS) sur les versions iOS 11 et iOS 12.
N’h\u00e9sitez pas \u00e0 commenter ce post pour ajouter les limitations que vous rencontrez de votre c\u00f4t\u00e9.<\/p>\n\n\n\n\n\n\n\n

Service Workers<\/h4>\n\n\n\n

Contrainte connue : Pas de mise en cache des donn\u00e9es (mode hors ligne), pas d’envoi de pushs notification<\/del> contraintes lev\u00e9es
S\u00e9v\u00e9rit\u00e9 : Haute<\/del><\/span>
Date potentielle de correction : En cours de d\u00e9veloppement<\/del> Disponible (iOS 11.3)<\/span>
Source : https:\/\/webkit.org\/status\/#specification-service-workers<\/a><\/p>\n\n\n\n

Pushs notification<\/h4>\n\n\n\n

Contrainte connue : Web pushs notification non disponible sur iOS
S\u00e9v\u00e9rit\u00e9 : Haute<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source : https:\/\/caniuse.com\/#search=notification<\/a><\/p>\n\n\n\n

Web App Manifest<\/h4>\n\n\n\n

Contrainte connue : Permet la gestion des propri\u00e9t\u00e9s de l’app PWA (orientation \/ icones \/ installation sur l’\u00e9cran d\u2019accueil \/ …). En fait le manifest est utilis\u00e9 par Safari, mais ne prend pas en charge la plus part de ses propri\u00e9t\u00e9s. Les propri\u00e9t\u00e9s prises en charge sont : theme color \/ background color \/ start_url \/ short name.
S\u00e9v\u00e9rit\u00e9 : Haute<\/span>
Date potentielle de correction : En cours de d\u00e9veloppement (pas de date communiqu\u00e9e)
Source : https:\/\/webkit.org\/status\/#?search=manifest<\/a><\/p>\n\n\n\n

Orientation<\/h4>\n\n\n\n

Contrainte connue : propri\u00e9t\u00e9 disponible via le manifest (voir ci-dessus)
S\u00e9v\u00e9rit\u00e9 : Moyenne<\/span>
Date potentielle de correction : En cours de d\u00e9veloppement (pas de date communiqu\u00e9e)
Source : https:\/\/webkit.org\/status\/#?search=manifest<\/a><\/p>\n\n\n\n

Add to Home screen Prompt<\/h4>\n\n\n\n

Contrainte connue : Obligation de passer par le click sur partager puis d’ajouter manuellement l’application \u00e0 l’\u00e9cran d\u2019accueil. Le Web App Manifest permettra aux \u00e9quipes de Webkit de construire un composant
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source : https:\/\/webkit.org\/status\/#?search=manifest<\/a> <\/p>\n\n\n\n

Synchronisation en t\u00e2che de fond<\/h4>\n\n\n\n

Contrainte connue : Pas de support de l’API background Sync
S\u00e9v\u00e9rit\u00e9 : Moyenne<\/span>
Date potentielle de correction :
Source : https:\/\/github.com\/GoogleChrome\/workbox\/issues\/1466#issuecomment-385995609<\/a><\/p>\n\n\n\n

Gestion du cache<\/h4>\n\n\n\n

Contrainte connue :<\/strong> limitation \u00e0 50 Mo, fichiers en cache supprim\u00e9s si application non sollicit\u00e9e par l’utilisateur pendant plusieurs semaines (l’icone reste sur l’\u00e9cran d\u2019accueil mais l’application sera alors re-t\u00e9l\u00e9charg\u00e9e enti\u00e8rement au prochain acc\u00e8s)
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source : https:\/\/fr.goodbarber.com\/blog\/ios-ouvre-ses-portes-aux-progressive-web-apps-a872\/<\/a><\/p>\n\n\n\n

Fonctionnalit\u00e9s avanc\u00e9es<\/h4>\n\n\n\n

Contrainte connue : pas d’acc\u00e8s aux fonctionnalit\u00e9s suivantes : bluetooth, serial, beacons, touch ID, face ID, ARKit, altim\u00e8tre, informations sur la batterie
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Informations personnelles<\/h4>\n\n\n\n

Contrainte connue : pas d’acc\u00e8s aux contacts, \u00e0 la g\u00e9olocalisation en t\u00e2che de fond et aux applications sociales natives
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Services Apple-based<\/h4>\n\n\n\n

Contrainte connue : pas d’acc\u00e8s aux fonctions de paiement in-app et aux autres “Apple-based services”
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Side et Split View<\/h4>\n\n\n\n

Contrainte connue : Sur iPad, les PWAs ne peuvent pas \u00eatre execut\u00e9es avec la fonction “Side” et “Split View” permettant de partager l’\u00e9cran avec une autre application. La PWA s\u2019ex\u00e9cute toujours sur l’int\u00e9gralit\u00e9 de l’\u00e9cran.
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Siri<\/h4>\n\n\n\n

Contrainte connue : Pas d’int\u00e9gration de Siri possible. Siri ne trouvera pas votre application install\u00e9e si vous lui demander d’ouvrir votre application PWA.
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Badge sur l’ic\u00f4ne de l’application<\/h4>\n\n\n\n

Contrainte connue : Le badge (ou compteur) ne peut pas \u00eatre affich\u00e9 sur l’ic\u00f4ne de l’application install\u00e9e
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source <\/strong>: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a><\/p>\n\n\n\n

Splashscreen<\/h4>\n\n\n\n

Contrainte connue : Splashscreen d\u00e9crit dans le fichier manifest (voir plus haut)
S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : En cours de d\u00e9veloppement (pas de date communiqu\u00e9e)
Source: https:\/\/webkit.org\/status\/#?search=manifest<\/a> <\/p>\n\n\n\n

Conservation de l’\u00e9tat entre les sessions<\/h4>\n\n\n\n

Contrainte connue : Si l’utilisateur quitte la PWA et la relance, l’application va \u00eatre relanc\u00e9e depuis la page d\u2019accueil. Donc si l’utilisateur a besoin de valider son email, sms, authentification two-factor, ou utiliser un lecteur de QR Code, l’application ne sera pas relanc\u00e9e sur le dernier \u00e9cran lanc\u00e9.
S\u00e9v\u00e9rit\u00e9 : Moyenne<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/progressive-web-apps-on-ios-are-here-d00430dee3a7<\/a> <\/p>\n\n\n\n

Ic\u00f4nes<\/h4>\n\n\n\n

Contrainte connue : Les ic\u00f4nes transparents ne sont pas pris en charge. et comme la plupart des PWAs utilisent les ic\u00f4nes circulaires d’android, le rendu n’est pas terrible quand on passe sur iOS :<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

S\u00e9v\u00e9rit\u00e9 : Basse<\/span>
Date potentielle de correction : Aucune annonc\u00e9e pour le moment
Source: https:\/\/medium.com\/@firt\/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea<\/a><\/p>\n\n\n\n

Conclusion<\/h3>\n\n\n\n

Alors, si mon audience principale est sur le syst\u00e8me d’Apple, pourquoi devrais-je m’emb\u00eater \u00e0 impl\u00e9menter une PWA ?<\/p>\n\n\n\n

M\u00eame si le support des PWA n’est encore que partielle, il est toujours possible de les faire fonctionner, de les ajouter manuellement sur l’\u00e9cran d\u2019accueil et elles deviendront compatible automatiquement le jour de la prise en charge des derni\u00e8res fonctionnalit\u00e9s par Apple.
Une autre solution est de temporairement encapsuler l’app PWA dans une application native (ou cordova) pour par exemple supporter les notifications.
Mais il existe quelques techniques permet de contourner ces probl\u00e8mes en attendant mieux.
Retrouvez les moyens de contournement dans l’article suivant : Quelques astuces pour que votre application pwa ressemble \u00e0 une application native<\/a>
<\/p>\n","protected":false},"excerpt":{"rendered":"

Les Progressive Web Apps b\u00e9n\u00e9ficient du meilleurs des applications web et mobiles.Et depuis la mise \u00e0 jour d’iOS en 11.3, les utilisateurs d’Apple ont enfin la possibilit\u00e9 de profiter des fonctionnalit\u00e9s typiques des PWA.Mais malheureusement, en y regardant de plus pr\u00e8s, on est encore tr\u00e8s loin d’une compatibilit\u00e9 \u00e0 100% sur l’OS de la firme … <\/p>\n

Continuer la lecture \u00ab\u00a0PWA : Quelles contraintes sur iOS ?\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[49,48,50,47],"tags":[55,56,54,59,57,53,58],"_links":{"self":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/485"}],"collection":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":26,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/485\/revisions"}],"predecessor-version":[{"id":568,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/485\/revisions\/568"}],"wp:attachment":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/media?parent=485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/categories?post=485"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/tags?post=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}