Créer votre application d’onglet de base

Les onglets sont des pages web prenant en charge Teams incorporées dans Microsoft Teams et constituent un bon moyen de commencer à développer pour Teams. Vous pouvez les ajouter dans le cadre d’un canal au sein d’une équipe, d’une conversation de groupe ou d’une application personnelle pour un utilisateur individuel.

Dans ce tutoriel, vous allez découvrir une application d’onglet Teams de base de l’une des manières suivantes :

• GitHub Codespaces : le codespace instance vous permet de découvrir instantanément une application Teams. 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 codespace instance
• Un compte Microsoft 365 avec l’autorisation de chargement d’application personnalisée
• Un locataire Microsoft 365

Conseil

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

Pour créer une application d’onglet Teams 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 le projet d’application onglet 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.

   

   Remarque

   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 application d’onglet.

   

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

5. Lorsque la boîte de dialogue de l’application s’affiche, sélectionnez Ajouter pour installer votre application d’onglet dans Teams.

   

   L’application onglet est installée dans le client Teams et s’ouvre.

   Vous avez créé l’application d’onglet 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’onglet de base.

Commencer à créer une application d’onglet de base

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’extension de message, sélectionnez les éléments suivants :

Générer l’extension de message