Créer un portail en tant qu’application web progressive

Notes

• À compter d’octobre 2022, les portails Power Apps deviennent Power Pages.
• Vous pouvez éditer et concevoir des sites de portails Power Apps à l’aide du nouveau studio de conception Power Pages. Pour en savoir plus : Studio de conception Power Pages et Studio des portails Power Apps.
• Cette rubrique s’applique aux capacités héritées. Pour obtenir les dernières informations, consultez la documentation de Microsoft Power Pages.

Conditions préalables

• La version de votre package de portail doit être 9.2.2103.1 ou ultérieure pour utiliser cette fonctionnalité.

• Pour la prise en charge du navigateur, reportez-vous à navigateurs Web pris en charge pour les portails Power Apps.

Activer votre portail en tant qu’application web progressive

Utilisez Studio des portails Power Apps pour configurer votre application web progressive (PWA). Vous pouvez activer ou désactiver la fonctionnalité PWA, personnaliser les paramètres PWA et préparer la création d’un package d’application pour votre portail à publier dans le magasin d’appareils concerné.

1. Connectez-vous à Power Apps.

2. Sélectionnez Applications dans le volet de gauche.

3. Sélectionnez votre portail dans la liste des applications.

4. Cliquez sur Modifier.

5. Dans le Studio des portails, sélectionnez Application Web progressive.

   

6. Sélectionnez Activer PWA.

   

Identifier votre application

Vous pouvez créer votre propre PWA en utilisant les options de personnalisation pour modifier le nom de l’application, la page d’accueil, la couleur et bien plus encore.

Notes

Sur les appareils iOS, les icônes pour PWA seront affichées comme miniatures et les appareils ne s’afficheront pas sur l’écran de démarrage personnalisé.

1. Dans le Studio des portails, sélectionnez Application Web progressive.

2. Sous Personnalisation, sélectionnez Personnaliser PWA.

3. Mettez à jour les paramètres PWA suivants pour votre portail.

   Paramètre	Description
   Civilité	Le nom du PWA du portail qui s’affichera sur l’appareil mobile et dans l’App Store.
   Description	La description de la PWA du portail qui s’affichera sur l’appareil mobile et dans l’App Store.
   Page de démarrage de l’application	La page de démarrage du portail lorsqu’il est ouvert via la PWA.
   Arrière-plan de l’écran de démarrage	La couleur en arrière-plan pour l’écran de démarrage au chargement du PWA.
   Icône d’application	L’icône de l’application qui s’affichera sur l’appareil mobile et dans la plateforme de téléchargement des applications. Remarque : Prend en charge les formats .jpg, .jpeg, .png avec une taille de chargement maximale de 5 Mo. La taille de l’icône doit être de 512 × 512 pixels.

   

   Notes

   Après avoir personnalisé la PWA, vous devez sélectionner Parcourir le site Web pour vider le cache. Cela entraînera des changements répercutés immédiatement.

Gérer le comportement hors connexion

PWA offre une prise en charge pour une expérience de navigation fluide lorsque l’appareil utilisé est hors connexion ou déconnecté d’Internet. Vous pouvez choisir les pages des portails qui auront cette capacité hors connexion (en lecture seule) et une page de message pour le reste de la fonctionnalité du portail qui n’est pas activée pour l’accès hors connexion.

Configurer les pages hors connexion pour la PWA du portail

1. Dans le Studio des portails, sélectionnez Application Web progressive.

2. Cliquez sur Personnaliser PWA.

3. Sous Comportement hors connexion, sélectionnez Gérer les pages hors connexion.

   

4. Sélectionnez les pages auxquelles vous souhaitez autoriser les utilisateurs à accéder lorsqu’ils utilisent la PWA hors connexion.

   

Notes

Lors de la configuration de l’accès hors connexion pour les pages PWA, veillez à envisager les limitations de stockage pour les appareils des utilisateurs finaux. Lorsque l’exigence de stockage pour l’accès PWA hors connexion dépasse le stockage disponible sur l’appareil, l’intégralité du portail pour l’accès hors connexion sera non disponible. Nous vous recommandons de tester l’expérience utilisateur de l’accès hors connexion et de mettre en cache uniquement les pages qui seront les plus utiles et importantes pour vos utilisateurs. N’oubliez pas que les pages hors connexion ne peuvent afficher que des informations ; les pages qui contiennent des formulaires à compléter ou pour exécuter des requêtes ne fonctionneront pas hors connexion.

Configurer une page de message hors connexion

Lorsque l’appareil est hors connexion, la page que vous configurez comme page de message hors connexion s’affiche auprès des utilisateurs qui essaient d’accéder aux pages qui ne sont pas activées pour l’accès hors connexion.

1. Dans le Studio des portails, sélectionnez Application Web progressive.

2. Sous Personnalisation, sélectionnez Page de messages hors connexion.

   

3. Personnalisez la page comme n’importe quelle autre page de portail.

4. Modifiez le modèle de page en fonction des besoins de votre entreprise.

   

Notes

Vous ne pouvez pas modifier les champs Titre et l’URL partielle («  /page hors connexion par défaut ») pour la page hors connexion. Une page hors connexion par défaut sera rendue aux utilisateurs si la page hors connexion est manquante.

Conseil

Après avoir configuré l’expérience PWA hors connexion, sélectionnez Parcourir le site web pour vider le cache. Cela entraînera des changements répercutés immédiatement.

Évaluer votre portail en mode hors connexion

Après avoir activé les pages hors connexion, vous pouvez désormais utiliser un appareil mobile en mode hors connexion et parcourir les différentes pages activées pour un accès hors connexion.

1. Accédez à votre portail à l’aide d’un navigateur Web sur votre appareil mobile en mode en ligne.

2. Sélectionnez Ajouter à l’écran d’accueil, ou une option similaire. Par exemple, sur l’appareil Android, l’option peut être + Ajouter à > Écran de l’application.

   

   Notes

   Cette action télécharge les pages du portail qui ont été activées pour la navigation hors connexion. Cela peut prendre un certain temps, en fonction de la bande passante du réseau et de la taille des pages sélectionnées pour la navigation hors connexion.

3. Activez le mode hors connexion dans votre appareil mobile.

4. Ouvrez votre portail depuis l’écran d’accueil. Vous verrez une notification en haut vous rappelant que vous naviguez en mode hors connexion. Si vous sélectionnez des pages qui n’ont pas été activées pour la navigation hors connexion, le message hors connexion s’affiche.

   

Distribuer votre application

Distribuer votre application à l’aide d’un navigateur

Une fois votre portail activé en tant que PWA, vos utilisateurs peuvent épingler les portails Power Apps en tant qu’application sur l’écran d’accueil de leur appareil. Ceci est pris en charge sur toutes les plateformes (Android, iOS, Chromebook et Windows) en plus de tous les facteurs de forme (mobile, ordinateur de bureau et tablette).

Distribuer votre application via l’App Store

Vous pouvez créer un package d’application pour la PWA de votre portail et publier le package sur différents App Stores tels que Microsoft Store et Google Play Store.

Pour créer un package d’applications, accédez au Studio des portails. Sous Package d’applications, sélectionnez Créer un package d’applications.

Vous serez dirigé vers le site Web du générateur PWA où vous pouvez créer un package d’applications pour divers magasins d’applications. Le package que vous créez à l’aide du générateur PWA contient :

• Un package d’applications pour la PWA à utiliser dans son App Store respectif.

• Un document étape par étape sur la publication de l’application.

Pour plus de détails, rendez-vous sur le Centre de ressources PWA.

Considérations supplémentaires pour Android

Pour la plateforme Android, vous pouvez également mettre à jour le certificat Android en utilisant l’option Mettre à jour le certificat Android.

Mettez à jour le titre et l’empreinte digitale du certificat SHA-256 pour mettre à jour le fichier de liens d’actifs numériques (assetlinks.json) qui prouve la propriété de votre PWA.

Configuration avancée

La capacité PWA pour les portails utilise les configurations suivantes qui peuvent être mises à jour à l’aide de l’application Portal Management.

Notes

Nous vous recommandons d’utiliser le Studio des portails Power Apps pour utiliser les fonctionnalités PWA au lieu des personnalisations à l’aide de l’application Portal Management.

Type	Nom	Description	Valeur
Paramètre du site	PWAFeature	Paramétrage du site pour activer PWA pour le portail	{ « statut » : « activé » } { « statut » : « désactivé » }
Fichier Web	PWAManifestjson.en-US.json	Le fichier manifeste de PWA est stocké en tant que fichier Web JSON.	Ce fichier Web contient toutes les propriétés liées à la personnalisation de PWA (telles que le nom de l’application, la couleur de l’écran de démarrage).
Marqueur de site	Page hors connexion par défaut	Ce marqueur de site définit la page à afficher lorsque l’utilisateur est hors connexion. Par défaut, il sera pointé sur la page hors connexion par défaut.	« Page hors connexion par défaut »

Voir aussi

Vue d’ensemble des portails en tant qu’applications web progressives
Présentation des applications Web progressives (PWA)

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).