Générer l’extension de message

Une extension de message permet aux utilisateurs d’interagir avec votre service web via des boutons et des formulaires dans le client Microsoft Teams. Elles peuvent effectuer des recherches, ou lancer des actions, dans un système externe à partir de la zone de rédaction de message, de la zone de commande ou d’un message. Vous pouvez renvoyer les résultats de cette interaction au client Teams sous la forme d’une carte richement mise en forme.

Dans ce tutoriel, vous allez apprendre à créer une application d’extension de message basée sur la recherche, et l’application permet aux utilisateurs de rechercher des packages npm à partir du répertoire Node Package Manager (npm).

Familiarisez-vous avec l’application d’extension de message basée sur la recherche de l’une des manières suivantes :

• GitHub Codespaces : l’instance codespace vous permet de découvrir une application Teams instantanément. Il ouvre Visual Studio Code (VS Code), où l’extension Teams Toolkit, le code source de l’application et toutes les dépendances sont pré-empaquetés pour vous.
• Guide pas à pas : vous permet de configurer votre environnement de développement et de créer une application Teams dès le début.

GitHub Codespaces

Avant de créer votre codespace, vérifiez que vous disposez des prérequis suivants :

• Un compte GitHub pour créer votre instance codespace
• Un compte Microsoft 365 avec l’autorisation de chargement d’application personnalisée
• Un locataire Microsoft 365

Conseil

GitHub Codespaces offre un plan gratuit jusqu’à une quantité fixe d’utilisation par mois. Si vous avez besoin de libérer plus d’espace, accédez à github.com/codespaces et supprimez les codespaces dont vous n’avez plus besoin.

Pour créer une application d’extension de message basée sur la recherche avec GitHub Codespaces, procédez comme suit :

1. Sélectionnez le bouton suivant pour ouvrir GitHub Codespaces.

   

   Vous serez peut-être invité à vous connecter au compte GitHub si ce n’est déjà fait.

2. Sélectionnez Créer un espace de code.

   

   La page Configuration de votre codespace s’affiche.

   

   Teams Toolkit prépare l’extension de message pour vous et l’ouvre dans VS Code dans le navigateur. L’icône Teams Toolkit apparaît dans la barre d’activité de VS Code.

3. Sélectionnez Se connecter à votre Microsoft 365 et Se connecter à Azure pour vous connecter avec votre compte Microsoft 365.

   

   Notes

   Lorsque vous générez votre application, GitHub Codespaces la charge sur le client Teams dans un nouvel onglet. Si votre navigateur bloque les fenêtres ou les onglets contextuels, vous devez autoriser l’ouverture des fenêtres contextuelles pour votre application.

4. Sélectionnez Aperçu de votre application Teams (F5) pour générer votre extension de message.

   

   GitHub Codespaces génère votre application d’extension de message, la charge sur le client Teams et s’ouvre dans un onglet de navigateur distinct.

   Votre application d’extension de message est chargée dans Teams.

5. Une fois la boîte de dialogue d’application affichée dans Teams, sélectionnez Ajouter pour installer votre extension de message dans Teams.

   

   Vous avez créé l’extension de message basée sur la recherche et chargé dans le client Teams.

   

Guide pas à pas

Si vous souhaitez apprendre à démarrer un projet avec Teams Toolkit dès le début, vous devez configurer votre environnement de développement. Sélectionnez le bouton suivant pour commencer à créer votre application d’extension de message.

Créer votre première application d’extension de message à l’aide de JavaScript

Pour plus d’informations sur les extensions de message, consultez extensions de message.

Si un bot est ce qui vous intéresse, sélectionnez les éléments suivants :

Commencer à créer un bot

Si vous souhaitez créer une application d’onglet de base, sélectionnez les éléments suivants :

Créer votre application d’onglet de base

Étape suivante

Choisissez ce qui vous convient

Voir aussi

répertoire npm