UI : Mettre en avant la PWA via une information explicite

[babastienne]

En découvrant OsmAPP j'ai constaté que l'interface pour installer l'app en mode PWA me semblait super intuitive, bien plus que sur Geotrek actuellement.

En fait c'est simple, il y a un bouton mis en évidence dans le menu pour télécharger l'application et ça ouvre une boite de dialogue qui explique en deux étapes comment installer la PWA. La boite de dialogue adapte son contenu en fonction du device qui consulte la page (PC / Android / iOS).

J'ai trouvé que sans chercher à rendre l'installation auto-magique ça permet de mieux mettre en avant la fonctionnalité qui sinon reste utilisée de manière marginale.

Un avis sur le sujet @camillemonchicourt ou @dtrucs ? On pourrait s'en inspirer pour Geotrek ?

[camillemonchicourt]

Ça reste encore assez mystérieux pour moi les modes d'installation des PWA.
Car des fois il y a nativement un message assez clair et explicite qui est affiché, mais des fois non : #550

Si on a ce message natif qui remonte plus globalement, selon moi c'est suffisant.

Sinon pourquoi pas développer un truc spécifique pour que l'installation soit plus visible/lisible.

[raphaeldoisy]

J'aime bien cette interface qu'utilise OsmAPP!
Il semblerait qu'en suivant le ticket #550 évoqué par Camille, des soucis d'affichage de la popup arrive toujours. C'est mon cas depuis un moment. De mémoire j'ai dû la voir une seule fois pour Destination Parc des Ecrins et je n'ai plus jamais réussi à la voir malgré le fait d'être allé sur d'autres Geotrek-rando-v3, sur différents browsers (Chrome / Firefox) et même différents smartphones pour pousser le bouchon toujours plus loin.

Il semblerait que le plugin utilisé (Next-PWA) ne soit plus très très actif depuis décembre 2022 (shadowwalker/next-pwa#508).
Il est question aussi de présence du fichier manifest.json que je ne vois générer sur mon local et sur la démo. Prérequis Chrome
Une autre solution serait d'utiliser Serwist sinon?

En dehors de ça, la solution que propose OsmAPP est assez chouette aussi, à voir.

[dtrucs]

Concernant l'apparté sur Next-pwa.
Je regarde justement Serwist, mais étant développé en ESM, et notre config traitant du commonJS il demande certaines migrations. Je vous tiens au courant sur mes avancées.
Concernant le manifest.json, sur quelle instance ne le vois-tu pas ?

[raphaeldoisy]

Je vois! Au moins c'est noté ici pour de possibles avancées en effet.

Je ne le vois pas sur Demo du parc des ecrins, probable que je ne le cherche pas au bon endroit, mais même en local je ne l'ai pas.
C'est une piste à laquelle j'ai pensé mais s'il existe sur d'autres instances alors il faut ignorer mon message ;-)

[dtrucs]

Le nom du fichier n'a pas la même extension dans la basecode; c'est peut-être pour ça que tu l'as manqué https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/src/pages/manifest.json.tsx

Il est bien présent sur le site démo des écrins https://gtr3demo.ecrins-parcnational.fr/manifest.json

[raphaeldoisy]

Ok, je pensais avoir raté quelque chose mais oui j'avais vu ce fichier manifest qui n'avait pas la même extension. Au temps pour moi, je me disais bien que c'était pas trop possible. Le problème ne vient donc pas de là du tout.
Merci pour la réactivité et au moins on voit qu'il y a d'autres possibilités pour essayer de mieux gérer le PWA pour plus tard.