Exemples d’applications web progressives

L’exemple de Web Apps progressif (PWA) montre comment utiliser des fonctionnalités et des API qui peuvent améliorer progressivement votre application lorsqu’elle est installée sur un appareil.

Pour obtenir une vue d’ensemble de la plupart des exemples PWA, consultez Progressive Web Apps (PWA) dans le fichier Lisez-moi pour le dépôt « MicrosoftEdge / Demo ».

Le premier exemple à utiliser lors de la prise en main est l’exemple convertisseur de température.

Consultez le fichier Lisez-moi pour un exemple donné. Certains exemples nécessitent une configuration et ne fonctionnent pas si vous cliquez simplement sur le lien de démonstration GitHub.io de l’application.

Les exemples suivants se trouvent dans un dépôt autre que le dépôt « MicrosoftEdge / Demo ».

BPM Techno

BPM Techno analyse l’audio via le microphone de l’appareil et affiche un compteur de battements par minute en temps réel (BPM).

L’application BPM Techno

Fichier lisez-moi et code source, Application.

Cette démonstration se trouve dans le dépôt webmaxru / bpm-counter .

BPM Techno utilise les fonctionnalités suivantes :

Fonctionnalité Description Documentation
Raccourcis BPM Techno définit un raccourci qui permet aux utilisateurs de charger un fichier audio dans l’application. Définir des raccourcis d’application (appuyez longuement ou cliquez avec le bouton droit)
Gestion des fichiers BPM Techno gère les *.mp3 fichiers en mode natif. Gérer des fichiers dans une PWA
Partager la cible D’autres applications peuvent partager des fichiers audio avec BPM Techno via la boîte de dialogue de partage du système d’exploitation. Réception de contenu partagé
Gestion des protocoles L’application gère les web+bpm: URI qui peuvent être utilisés pour envoyer des liens vers une chanson à analyser. Gérer les protocoles dans une PWA

Webboard

Webboard est une application de dessin.

Webboard est une application web progressive pour le dessin et le tableau blanc intelligent

Fichier lisez-moi et code source, Application.

Cette démonstration se trouve dans le référentiel pwa-builder/ web-whiteboard .

Webboard utilise les fonctionnalités suivantes :

Fonctionnalité Description Documentation
Partage web Les dessins peuvent être partagés avec d’autres applications via la boîte de dialogue de partage du système d’exploitation. Partage de contenu

Voir également