Power Platform - Apps - Automate - SharePoint
Power Platform - Apps - Automate - SharePoint
PL-7001

icon picker
Lab 5 – Données externes

Gonzague Ducos
Dans cet atelier, vous ajouterez une source de données externe.

Ce que vous apprendrez

Comment ajouter une liste SharePoint à votre application canevas
Comment utiliser les collections
Comment utiliser le patch
Comment utiliser le connecteur Office365Users

Étapes de laboratoire de haut niveau

Créer une liste SharePoint pour les réservations
Ajouter la liste SharePoint en tant que galerie
Stocker les enregistrements sélectionnés à partir d'une galerie
Utiliser Patch pour définir la décision concernant une demande de réservation
Utilisez le connecteur Office365User pour afficher les détails de l'utilisateur.

Conditions préalables

Doit avoir terminé l'atelier 4 : Créer l'interface utilisateur

Étapes détaillées

Exercice 1 – Créer une liste SharePoint

Tâche 1.1 Créer un site SharePoint

Dans le portail Power Apps Maker, https://make.powerapps.comsélectionnez le lanceur d'applications en haut à gauche de la fenêtre du navigateur, puis sélectionnez SharePoint.
Si la boîte de dialogue contextuelle Bienvenue dans la page de démarrage de SharePoint s'affiche, sélectionnez pour fermer la boîte de dialogue.
Dans SharePoint, sélectionnez + Créer un site .
Sélectionnez Site d'équipe , sélectionnez Modèle d'équipe standard et sélectionnez Utiliser le modèle.
Entrez Pet boarding pour le Nom du site et sélectionnez Suivant .
Sélectionnez Créer un site .
Sélectionnez Terminer .
Si la boîte de dialogue contextuelle Commencez à concevoir votre site s'affiche, fermez la boîte de dialogue.

Tâche 1.2 Créer une liste SharePoint

Sur le site SharePoint, sélectionnez + Nouveau , puis sélectionnez Liste . ​
image.png
Sélectionner une liste vide
Entrez Bookings pour Nom et sélectionnez Créer .
Sélectionnez + Ajouter une colonne , sélectionnez Texte , puis sélectionnez Suivant .
Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
Nom:Pet Name
Type de données : une seule ligne de texte
Sélectionnez Enregistrer .
Sélectionnez + Ajouter une colonne , sélectionnez Texte , puis sélectionnez Suivant .
Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
Nom:Owner Name
Type de données : une seule ligne de texte
Sélectionnez Enregistrer .
Sélectionnez + Ajouter une colonne , sélectionnez Date et heure , puis sélectionnez Suivant .
Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
Nom:Start Date
Type de données : Date et heure
Sélectionnez Enregistrer .
Sélectionnez + Ajouter une colonne , sélectionnez Date et heure , puis sélectionnez Suivant .
Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
Nom:End Date
Type de données : Date et heure
Sélectionnez Enregistrer .
Copiez la première partie de l’URL du site SharePoint, par exemplehttps://m365x99999999.sharepoint.com/sites/Petboarding/

Exercice 2 – Ajouter une liste SharePoint à l'application canevas

Tâche 2.1 – Modifier l'application

Accédez au portail Power Apps Makerhttps://make.powerapps.com
Assurez-vous que vous êtes dans l' environnement Dev One .
Sélectionnez l' onglet Applications dans le menu de navigation de gauche.
Sélectionnez l'application Booking Request , sélectionnez les Commandes ( ... ) et sélectionnez Modifier > Modifier dans un nouvel onglet .

Tâche 2.2 – Ajouter SharePoint comme source de données

Dans le menu de création d'application, sélectionnez Données .
Sélectionnez le curseur déroulant à côté de Ajouter des données et entrez SharePointdans Rechercher . ​
image.png
Sélectionnez SharePoint.
Sélectionnez Connecter directement (services cloud) et sélectionnez Connecter .
Saisissez l’URL du site SharePoint que vous avez créé plus tôt dans ce laboratoire. ​
image.png
Sélectionnez Connecter.
Sélectionnez Réservations. ​
image.png
Sélectionnez Connecter .

Tâche 2.3 - Ajouter une galerie pour la liste SharePoint

Dans le menu de création de l'application, sélectionnez Insérer (+) .
Sélectionnez Galerie verticale.
Sélectionnez Bookings pour la source de données.
Sélectionnez Titre et sous-titre pour la mise en page .
Sélectionnez X éléments sélectionnés à côté des champs
Sélectionnez Pet name pour TitleX .
Sélectionnez Start Date pour SubTitleX.
Fermez le volet Données .
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez la galerie en BookingList.
Définissez les propriétés de la galerie dans la barre de formule comme suit :
X=1000
Oui=80
Hauteur=575
Largeur=250

Exercice 3 – Collections

Tâche 3.1 Créer une collection

Dans le menu de création d’applications, sélectionnez Arborescence.
Développez BookingRequestList.
Sélectionnez NextArrow1.o
Définissez la propriété OnStart dans la barre de formule sur : ​Clear(colRequests)
Définissez la propriété OnSelect de NextArrow1 dans la barre de formule sur : ​Collect(colRequests, ThisItem)
Dans le menu de création d’applications, sélectionnez Arborescence .
Sélectionnez l' objet App .

Exercice 4 – Patch

Tâche 4.1 Refuser la demande de réservation

Dans le menu de création d’applications, sélectionnez Arborescence .
Sélectionnez BookingRequestList .
Sélectionnez l’ icône en forme de crayon en haut à gauche du contrôle de la galerie. ​
image.png
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Développer Icônes.
Sélectionnez Bloqué. L'icône sera ajoutée à chaque ligne de la galerie.
Définissez les propriétés de l’icône dans la barre de formule comme suit :
X=150
Y=40
Height=30
Witdh=30 ​
image.png
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez l'icône en DeclineIcon.
Définissez la propriété OnSelect de DeclineIcon dans la barre de formule sur :
Patch('Booking Requests', ThisItem, {Decision: 'Decision (Booking Requests)'.Declined})
Si liste SharePoint : Patch('Booking Request'; ThisItem; {Decision: {Value: "Declined"}})

Exercice 5 – Utilisateurs d’Office 365

Tâche 5.1 Ajouter des utilisateurs Office 365 en tant que source de données

Dans le menu de création d'application, sélectionnez Données .
Sélectionnez le curseur déroulant à côté de Ajouter des données et entrez Office 365dans Rechercher .
Sélectionnez Utilisateurs Office 365 .
Sélectionnez Connecter .

Tâche 5.2 Afficher le pays de l'utilisateur

Sélectionnez l'extérieur de la galerie sur le canevas vierge ou sélectionnez l' écran principal dans l' arborescence .
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Sélectionnez l'étiquette de texte .
Faites glisser l'étiquette en haut à droite de l'écran, à côté de UserLabel.
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez l'étiquette en UserDetailsLabel.
Définissez la propriété Text de UserDetailsLabel dans la barre de formule sur : ​Office365Users.MyProfile().Country
Définissez les propriétés de l’étiquette dans la barre de formule comme suit :
X=930
Y=20
Size=18
Color=Color.White
Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes et sélectionnez Quitter pour quitter l'application.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.