Applications
Progressive Web App : une application installable sans store
Installable depuis le navigateur, utilisable hors ligne, mise à jour sans passer par les stores : la PWA est souvent la réponse la plus directe à un besoin mobile.
Une Progressive Web App, ou PWA, est une application web qui s'installe sur un téléphone depuis le navigateur, sans App Store ni Google Play. Elle fonctionne hors ligne et se met à jour seule. ADN PAPER développe des PWA sur mesure pour les entreprises : outils terrain, applications de gestion, espaces clients, avec leur serveur et leur API.
Une application mobile sans les contraintes des stores
Vous avez besoin d’une application sur les téléphones de vos équipes ou de vos clients. Mais le développement natif coûte cher, deux fois plutôt qu’une pour iOS et Android. La publication sur les stores impose des délais de validation, des comptes développeur et une commission sur les ventes. Chaque mise à jour repasse par le même circuit.
Pour une application interne ou réservée à vos clients, ces contraintes n’apportent rien. Ce qui compte, c’est une icône sur l’écran d’accueil, un démarrage rapide, un fonctionnement sans réseau et des données à jour.
C’est exactement ce qu’offre une PWA. Elle se développe une seule fois, s’installe depuis un lien et se met à jour comme un site. Si vous hésitez encore entre PWA et natif, notre page développement d’application mobile détaille les deux options. Si l’usage principal reste sur ordinateur, une application web classique suffit.
Ce que nous développons en PWA
Outils terrain hors ligne
Relevés, check-lists, photos et signatures saisis sans réseau, synchronisés dès que la connexion revient.
Applications de gestion installables
Suivi de dépenses, planning, stocks, dossiers. Une icône sur le téléphone, une autre sur le bureau, la même application.
Espaces clients mobiles
Réservation, suivi de commande, documents, notifications. Le client installe votre espace en deux gestes depuis un lien.
Version installable d'une application existante
Nous ajoutons à votre application web le manifeste, le service worker et les écrans mobiles qui la rendent installable.
Serveur et API
Derrière chaque PWA, nous développons le serveur, la base de données et l'API qui alimentent l'application et votre back-office.
Exemples de PWA
- application de partage de dépenses avec justificatifs photo
- relevé d'intervention hors ligne
- catalogue consultable sans réseau
- prise de commande en tournée
- espace client installable
- tableau de bord de suivi sur téléphone
- pointage des équipes
- inventaire par scan
- carnet de bord d'équipements
- application d'événement avec programme et RSVP
PWA ou application native : comparatif
| Critère | PWA | Application native |
|---|---|---|
| Distribution | Un lien, installable depuis le navigateur | App Store et Google Play, validation par Apple et Google |
| Installation | Deux gestes, sans compte ni téléchargement lourd | Téléchargement depuis le store, compte utilisateur requis |
| Hors ligne | Oui, grâce au service worker et au cache local | Oui, géré par le système |
| Notifications push | Oui sur Android, oui sur iPhone après installation sur l'écran d'accueil | Oui, sur toutes les plateformes |
| Accès au matériel | Appareil photo, géolocalisation, fichiers. Bluetooth et NFC limités selon la plateforme | Accès complet aux capteurs et aux fonctions du système |
| Coût de développement | Un seul développement pour iOS, Android et ordinateur | Un développement par plateforme, ou un framework multiplateforme |
| Mises à jour | Immédiates, comme un site web | Soumises aux stores, puis installées par l'utilisateur |
Technologies et choix techniques
Une PWA repose sur trois briques. Le manifeste décrit l’application au système : nom, icône, couleurs, mode plein écran. Le service worker est un script qui tourne en arrière-plan dans le navigateur, met les écrans et les données en cache et gère le mode hors ligne. Le HTTPS est obligatoire et garantit que l’application et ses données transitent chiffrées.
Le serveur est développé en PHP 8, sans framework lourd, avec une base SQLite ou MariaDB, des migrations SQL versionnées et une API JSON. Les points critiques sont couverts par des tests PHPUnit. Sécurité par défaut : mots de passe hachés avec Argon2id, protection CSRF, en-têtes CSP et HSTS, fichiers déposés validés. Quand le projet s’appuie sur WordPress, nous écrivons le thème et les extensions à la main.
L’une de nos PWA sert à gérer des dépenses depuis un iPhone : justificatifs en photo, exports PDF et CSV, sauvegarde complète. Les données de vos PWA circulent avec vos autres logiciels par intégration API.
Réalisations
Réalisations liées
Voir aussi
Retour à ApplicationsQuestions fréquentes
Une PWA fonctionne-t-elle sur iPhone ?
Oui. Safari permet d’ajouter une PWA à l’écran d’accueil, en plein écran, avec cache hors ligne. Les notifications push sont disponibles sur les versions récentes d’iOS après installation. Nous testons chaque PWA sur iPhone et sur Android avant livraison.
Comment les utilisateurs installent-ils la PWA ?
Ils ouvrent un lien, puis choisissent « Ajouter à l’écran d’accueil » ou « Installer ». Nous affichons une aide à l’installation adaptée à chaque système. Aucun compte Apple ou Google n’est nécessaire.
Une PWA peut-elle remplacer une application native ?
Dans la plupart des cas d’usage métier, oui : saisie, consultation, photos, géolocalisation, hors ligne. Elle atteint ses limites sur le Bluetooth, la NFC et certains accès système. Nous vérifions ces points au cadrage et vous orientons vers le natif si nécessaire.
Les données sont-elles en sécurité sur le téléphone ?
La PWA est servie en HTTPS, les données mises en cache sont limitées à ce qui est utile hors ligne et l’accès est protégé par un compte. Côté serveur, nous appliquons les mêmes règles que pour nos applications web : hachage des mots de passe, protection CSRF, en-têtes de sécurité.
Combien coûte le développement d'une PWA ?
Moins qu’un développement natif sur deux plateformes, car le code est écrit une seule fois. Le coût dépend des écrans, du mode hors ligne et des connexions à vos logiciels. Nous chiffrons par lots après le cadrage.
Parlez-nous de votre projet de PWA
Décrivez-nous l'usage attendu et les appareils de vos utilisateurs. Nous vous confirmons si une PWA convient et vous proposons un chiffrage par lots.