PWA : l’application web qui s’installe sans passer par les stores

Une PWA (pour Progressive Web App, application web progressive) est un site web qui se comporte comme une application. On l’ouvre dans le navigateur, on l’ajoute à l’écran d’accueil, et elle se lance ensuite en plein écran, avec son icône, comme n’importe quelle app. Pas de passage par l’App Store ni par Google Play, et une seule version pour l’iPhone, Android et l’ordinateur.

Pour une PME, la question revient souvent : site web ou application ? La PWA est souvent la réponse du milieu. Ce guide explique ce qu’elle sait faire, ce qu’elle ne sait pas faire, et comment savoir si elle vous suffit.

PWA : définition simple

Une PWA, c’est une application web à laquelle on ajoute trois éléments techniques :

• un manifeste : un petit fichier qui donne le nom, l’icône et les couleurs de l’application, et permet de l’installer ;
• un service worker : un script qui tourne en arrière-plan, garde certaines pages en mémoire et reçoit les notifications ;
• le HTTPS : la connexion sécurisée, obligatoire pour tout le reste.

Le reste, c’est du web classique. Le même code s’affiche sur un téléphone, une tablette ou un ordinateur. Quand vous mettez à jour la PWA, tous vos utilisateurs ont la nouvelle version à leur prochaine ouverture, sans rien télécharger.

Chez Technopek, notre propre outil de travail est une PWA. Toute l’équipe l’a installé sur son téléphone : il s’ouvre comme une application et envoie une notification quand un client écrit. Nous n’avons publié aucune application sur les stores pour cela.

PWA, site web ou application mobile : quelle différence ?

Les trois se ressemblent pour l’utilisateur. La différence est dans ce qu’ils savent faire et dans la façon de les distribuer.

• Le site web se consulte dans le navigateur. Il est fait pour être trouvé sur Google et lu une fois. On ne l’installe pas.
• La PWA se consulte dans le navigateur ou s’installe sur l’écran d’accueil. Elle reste trouvable sur Google, fonctionne en partie hors connexion et peut envoyer des notifications.
• L’application mobile se télécharge depuis l’App Store ou Google Play. Elle a accès à tout le téléphone, mais il faut la développer, la publier et la faire valider par Apple et Google, puis convaincre les gens de la télécharger.

Si vous hésitez entre application web ou mobile, posez-vous une question simple : vos utilisateurs vont-ils chercher votre application dans un store, ou arriver chez vous par un lien, un QR code ou Google ? Dans le second cas, la PWA a un gros avantage : il n’y a rien à télécharger avant de commencer.

Ce qu’une PWA sait faire (et ce qu’elle ne sait pas faire)

Une PWA sait aujourd’hui faire beaucoup de choses qu’on croyait réservées aux applications :

• s’installer sur l’écran d’accueil et s’ouvrir en plein écran ;
• envoyer des notifications ;
• fonctionner en partie sans connexion, en gardant les dernières données ;
• prendre une photo, scanner un QR code, utiliser la position GPS ;
• accepter un paiement en ligne, comme n’importe quel site.

Elle a aussi des limites :

• l’accès au Bluetooth, au NFC ou aux capteurs avancés est absent ou limité, surtout sur iPhone ;
• les tâches longues en arrière-plan, comme suivre une position toute la journée, sont mal gérées ;
• elle n’apparaît pas d’office dans l’App Store, là où certains clients cherchent par habitude ;
• les jeux et les applications très lourdes en graphismes restent plus fluides en natif.

Sur Android, une PWA peut aussi être publiée sur Google Play. Côté Apple, l’App Store accepte mal une simple page web emballée dans une application.

PWA sur iPhone : les limites à connaître

Au Maroc, une bonne partie de vos clients a un téléphone Android, mais vos cadres et une partie de votre clientèle utilisent un iPhone. Il faut donc connaître les règles d’Apple.

• Pas de bouton d’installation automatique. Sur iPhone, l’utilisateur doit passer par le bouton Partager, puis « Sur l’écran d’accueil ». Il faut le lui expliquer, en trois étapes, avec une image.
• Les notifications seulement une fois installée. Depuis iOS 16.4, une PWA peut envoyer des notifications sur iPhone, mais uniquement si elle a été ajoutée à l’écran d’accueil et si l’utilisateur l’a accepté.
• Moins d’accès au matériel. Pas de Bluetooth ni de NFC depuis le navigateur.

Ces limites ne gênent pas un outil interne ou un espace client. Elles comptent si votre projet repose sur un objet connecté ou sur un usage hors connexion permanent.

Quand choisir une PWA plutôt qu’une application mobile ?

La PWA est un bon choix quand :

• vos utilisateurs sont vos équipes ou vos clients réguliers, à qui vous pouvez envoyer un lien ;
• vous voulez aussi être trouvé sur Google avec les mêmes pages ;
• vous voulez une seule version à entretenir pour iPhone, Android et ordinateur ;
• vous voulez tester une idée avant de financer une application native.

L’application mobile native reste préférable quand le projet dépend du matériel du téléphone, d’un usage hors connexion important, ou d’une présence dans les stores pour être découvert. Pour en savoir plus sur ce que demande une vraie app, lisez notre article sur ce qui fait le coût d’une application mobile au Maroc, et notre service application mobile.

Exemples d’usages d’une PWA pour une PME au Maroc

• Un restaurant à Agadir : la carte, la commande à emporter et le suivi de commande, ouverts par un QR code sur la table. Le client n’installe rien, et ceux qui reviennent souvent ajoutent l’icône.
• Une auto-école à Casablanca : un espace élève pour réserver les heures de conduite et recevoir un rappel la veille.
• Un distributeur à Tanger : une application pour ses commerciaux, qui prennent les commandes chez les épiciers et les envoient au dépôt, même avec un réseau faible.
• Un cabinet de kinésithérapie à Rabat : la prise de rendez-vous en ligne et un rappel par notification.
• Une coopérative : un outil pour enregistrer les apports et les ventes, utilisé sur des téléphones d’entrée de gamme.

Dans chacun de ces cas, une PWA fait le travail pour une fraction de l’effort d’une application native, et elle se met à jour sans repasser par les stores.

Comment se construit une PWA

Une PWA se construit comme une application web : on écrit le cahier des charges, on teste un prototype cliquable, puis on développe par étapes courtes. Ce qui change, c’est le soin donné au téléphone : écrans pensés pour le pouce, chargement rapide sur une connexion mobile moyenne, mode hors connexion pour les écrans qui en ont besoin, et une page qui explique comment l’installer.

Un bon test : ouvrez le prototype sur le téléphone le plus ancien de votre équipe. S’il est agréable là, il le sera partout.

Ce qu’on fait chez Technopek pour votre PWA

On développe des PWA dans notre service application web : espaces clients, outils internes, prises de commande et de rendez-vous. Si votre projet a vraiment besoin d’une application native, on vous le dit dès le cahier des charges.

Pour une PWA, le prototype se teste directement sur votre téléphone, avant la première ligne de code. Il suit un cahier des charges écrit avec vous. Le devis écrit vient ensuite, et vous ne payez rien avant de l’avoir validé. Vous gardez le même interlocuteur de bout en bout, et le code comme le nom de domaine sont enregistrés à votre nom.

Vous voulez en parler devant un écran ? Venez nous voir à Agadir, ou à Casablanca sur rendez-vous : voir le développement d’application web à Agadir et le développement d’application web à Casablanca. Un message depuis la page contact marche aussi : on vous rappelle le jour même.