Comme nous l'avons abordé en préambule, pour générer une application mobile, il existe de nombreuses solutions, mais l'une d'entre elles se base sur l'une des fonctionnalités proposées par certains navigateurs : la possibilité de transformer un site en une application sur son smartphone ou sa tablette.
Cette manipulation est aujourd'hui possible via Chrome, Edge, Safari, Firefox et Opéra. Sur Desktop et sur Mobile. Attention, toutes les versions de ces navigateurs ne sont pas compatibles, seules les dernières versions.
Pour générer (obtenir) une PWA sur son mobile, il arrive parfois que certains sites vous invitent à transformer la page que vous visitez, en une PWA. Une notification apparaît automatiquement. Il ne reste alors plus qu'à accepter la proposition pour voir apparaître une nouvelle application sur votre smartphone ou votre tablette.
Pour les sites qui ne proposent pas cette notification, il faut se rendre dans le menu du navigateur et demander la création ou l'enregistrement du site pour obtenir une PWA.
Dans les faits, votre navigateur se duplique partiellement, il inclut une URL qui sera chargée lorsque la PWA se lancera, il règles les préférences de ce "navigateur customisé" de telle sorte que certains éléments d'interface ne soient pas visibles (ex. la zone de saisie d'URL, la barre des flèches de navigation, etc.).
C'est une question qui revient à juste titre très souvent, mais la réponse qu'il faudrait apporter à cette question "Quelle est la différence entre une Application native, un site en responsive et une Progressive Web App ?" est technique pour des non-développeurs. Nous allons donc essayer de simplifier et de vulgariser la réponse.
Une application native, nous l'avons vu en préambule, il faut des compétences en développement. C'est donc un inconvénient de taille, mais en revanche, l'avantage d'une app native réside dans le fait que le code utilisé sera exécuté plus rapidement par le smartphone ou la tablette (en théorie). Une app native est généralement distribuée par un store. Il devient alors très simple de la trouver via le moteur de recherche intégré au store.
Un site responsive est ni plus ni moins un site, mais qui s'affiche de telle sorte que la taille des caractères et des éléments graphiques d'interface, s'adaptent pour une bonne lecture sur mobile un tablette. La composition s'adapte donc en masquant et en affichant certains éléments (textes, images, éléments graphiques d'interface), et en remplaçant ces mêmes éléments. Un site responsive présente l'avantage d'être accessible depuis un simple navigateur et non un store.
Une Progressive Web App est une sorte de synthèse des deux. Pour les développeurs, oui, il est important de nuancer et préciser certaines choses avant que vous vous mettiez en colère. Comme nous l'avons vu au début de cet article, il s'agit d'une application obtenue depuis un navigateur. Il s'agit donc d'un site en responsive qui est encapsulé dans une application, directement sur votre mobile ou sur votre ordinateur. La page de ce site fait référence à des fichiers précis qui vont expliquer au navigateur ce qu'il va devoir faire au moment e la création de cette PW. Un site Internet Responsive sur mobile, répond généralement à un Design System qui s'apparente à celui d'un site sur ordinateur. Certaines PWA vont plutôt reprendre l'apparence d'une application mobile en utilisant des éléments d'interface qu'on retrouve habituellement dans une app.