Power Platform - Apps - Automate - SharePoint

Explore

Power Platform - Apps - Automate - SharePoint

Power Platform  - Apps - Automate - SharePoint

PL-7001 - Power Apps Canvas

Lab 5 – Données externes

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

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 le modèle Equipe standard et sélectionnez Utiliser le modèle.

Entrez Pet boarding (+ vos initiales si vous partagez le tenant) 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 .

⁠

Sélectionner Liste vierge

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 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 .

⁠

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.

⁠

Sélectionnez Connecter.

Sélectionnez Réservations.

⁠

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

Y=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.

Définissez la propriété OnSelect dans la barre de formule sur :

Collect(colRequests; ThisItem)

Fonctions Collect, Clear et ClearCollect - Power Platform⁠

Dans le menu de création d’applications, sélectionnez Arborescence .

Sélectionnez l'objet App .

Définissez la propriété OnStart dans la barre de formule sur :

Clear(colRequests)

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.

⁠

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

⁠

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 Request'; ThisItem; {Decision: 'Decision (Booking Request)'.Declined})

Si Liste SharePoint : Patch('Booking Request'; ThisItem; {Decision: {Value: "Declined"}})

⁠

Fonction Patch - Power Platform⁠

⁠

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 Office365Users (FR : Utilisateurs d’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 Etiquette de texte (pas 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 FR : 'Utilisateursd’Office365'.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.

Ce que vous apprendrez

Étapes de laboratoire

Conditions préalables

Étapes détaillées

Exercice 1 – Créer une liste SharePoint