A la découverte de PWA
Apple parlait de la nouvelle façon innovante de créer des applications Web « qui ressemblent exactement et se comportent exactement comme des applications natives » bien avant que Google ne définisse « Progressive Web Apps ». En 2007, Steve Jobs a introduit l’idée visionnaire des applications Web avec le lancement de l’iPhone.
PWA peut être déployé sur Microsoft Store et Google play. Que les utilisateurs soient sur un Surface Book, un Android, un iPad, une Xbox One, un téléviseur, un mac OS, un iOS, une fenêtre, un système Linux, PWA fonctionne une seule fois sur toute ces plateformes. De ce fait, il convient de se demander : Qu'est-ce que PWA ?Lorsque vous créez une application Web progressive ciblant les API standard web, votre application peut être déployée sur toutes les plateformes et périphériques et tirer parti des fonctionnalités spécifiques à l’appareil telles qu’elles sont disponibles. PwAs dans Microsoft Edge (Chrome)ajouter les avantages suivants à votre site Web.
- Votre application est construite sur une plate-forme Web basée sur des normes.
- Permet à vos utilisateurs d’installer votre application directement à partir du navigateur.
- Permet à vos utilisateurs d’installer votre application sans déploiement ou inscription en magasin.
Vous pouvez aller plus loin dans la définition du PWA et son usage.
Lorsque vous créez une application Web progressive ciblant les API standard web, votre application peut être déployée sur toutes les plateformes et périphériques et tirer parti des fonctionnalités spécifiques à l’appareil telles qu’elles sont disponibles. PwAs dans Microsoft Edge (Chrome)ajouter les avantages suivants à votre site Web.
- Votre application est construite sur une plate-forme Web basée sur des normes.
- Permet à vos utilisateurs d’installer votre application directement à partir du navigateur.
- Permet à vos utilisateurs d’installer votre application sans déploiement ou inscription en magasin.
Comment créer un PWA correctement?
Pour fonctionner correctement, il y a plusieurs bibliothèques disponible pour créer PWA. Nous pouvons citer entre autre WorkBox PWABuilder Manifest Service Worker. Nous allons dans un premier temps définir WorkBox et son usage; ensuite nous détaillerons la façon l'utiliser ainsi que PWABuilder. Vous pouvez également découvrir pourquoi créer des Applications Web Progressive.
- WorkBox
WorBox est un ensemble de bibliothèque qui permet de stocker en cache avec APIStorage les informations de votre site web. Il permet aussi le contrôle des actifs ( HTML, CSS, JavaScript). Vous pouvez utiliser vos informations avec ou sans connexion internet ou les deux à la fois. Alors, avec l'aide de WorkBox, comment construire un PWA ?
Cette image est un récapitulatif de l'importance de WorkBox. Tous les informations passent par le cache.
- PWABuilder
Les PWA sont des applications Web qui fonctionnent entièrement comme une application mobile native, avec des intégrations au matériel téléphonique, la possibilité d’y accéder via une icône d’écran d’accueil et des fonctionnalités hors ligne. La nouvelle version de PWABuilder vous permet de tester les fonctionnalité de votre site intégré avec le PWA. Vous avez aussi la possibilité de télécharger un exemple de fichiers avec des code pour vous aider à démarrer votre projet. De plus, vous pouvez écrire automatiquement votre Service Worker et votre Manifest.
Grosso modo, pour transformer un site web en application pareille aux mobiles, il faut un service worker, un manifest, ect... Vous avez maintenant les informations de base en ce qui concerne PWA. A vous de jouer 😉 !
Cette image est un récapitulatif de l'importance de WorkBox. Tous les informations passent par le cache.
- PWABuilder
Grosso modo, pour transformer un site web en application pareille aux mobiles, il faut un service worker, un manifest, ect... Vous avez maintenant les informations de base en ce qui concerne PWA. A vous de jouer 😉 !
Commentaires
Enregistrer un commentaire