Logiciel en ligne - Power Pages - Intégrer Microsoft Teams dans une Power Pages

Intégrer Microsoft Teams dans une Power Pages

Intégration en utilisant un joinWebUrl

Il est possible d'afficher un lien cliquable dans Power Pages redirigeant les utilisateurs vers une réunion Microsoft Teams à l'aide de l'URL joinWebUrl générée par Microsoft Graph API ou Outlook.

Vous devez disposez d'un lien joinWebUrl, par exemple :

https://teams.microsoft.com/l/meetup-join/19%3ameeting_xyz%40thread.v2/0?context=%7B...

Vous avez accès à Power Pages Studio (anciennement Portals Studio) depuis l'URL https://make.powerpages.microsoft.com.

Vous peux insérer du HTML dans ta page Power Pages (via une section personnalisée ou du code source).

Étape 1 : Récupérer le joinWebUrl

Ce lien est disponible :

Depuis un événement de calendrier Outlook (champ "Rejoindre la réunion")
Ou via Microsoft Graph API avec l'objet onlineMeeting.

Exemple (résultat de Microsoft Graph API) :



{

  "subject": "Réunion projet X",

  "joinWebUrl": "https://teams.microsoft.com/l/meetup-join/19%3ameeting_xyz@thread.v2/0?context=..."

}

Étape 2 : Ajouter le lien dans Power Pages

a) Dans le contenu HTML d'une page Power Pages :

Connectez-vous à Power Pages (https://make.powerpages.microsoft.com).
Ouvre la page cible.
Ajoute une section (texte ou code HTML).
Clique sur </> (Modifier le code source) de façon à ce que Visual Studio Code for the Web s'ouvre dans un nouvel onglet, et insère le code suivant :



<div class="teams-meeting-link" style="margin: 20px 0;">

  <p>Participez à la réunion Microsoft Teams :</p>

  <a href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_xyz@thread.v2/0?context=..." target="_blank" class="btn btn-primary">

    Rejoindre la réunion

  </a>

</div>

b) Personnalisation visuelle (optionnelle)

Ajoute du CSS personnalisé pour styliser le bouton :



<style>

  .teams-meeting-link .btn {

    background-color: #6264a7;

    color: white;

    padding: 10px 20px;

    border-radius: 6px;

    text-decoration: none;

  }

 
  .teams-meeting-link .btn:hover {

    background-color: #464775;

  }

</style>

Étape 3 : Tester

Publier votre page Power Pages.
Accède à la page via un navigateur.
Clique sur le bouton - il ouvrira la réunion Teams dans un nouvel onglet.

Astuce (si vous voulez que le lien soit dynamique)

Si tu récupères dynamiquement l'URL depuis Dataverse (exemple via un champ joinWebUrl dans une table), vous pouvez utiliser Liquid dans Power Pages :



{% assign meetingUrl = user.custom_field_joinurl %}

<a href="{{ meetingUrl }}" target="_blank">Rejoindre la réunion Teams</a>

Dernière mise à jour : Samedi, le 3 mai 2025

Section courante

A propos

Section administrative du site

Intégrer Microsoft Teams dans une Power Pages

Intégration en utilisant un joinWebUrl