Créer une application Teams.

Découvrez comment créer des applications Microsoft Teams à l’aide de Visual Studio Code et du Kit de ressources Microsoft 365 Agents. Ce guide vous guide tout au long du processus de création d’une application Teams de base, de l’exploration de leurs structures d’annuaires et de l’utilisation des modèles disponibles. Que vous démarayez une application simple « Hello World », que vous ayez créé des applications pour automatiser des tâches ou que vous étendiez les fonctionnalités Teams dans Microsoft 365, cet article fournit des instructions pour vous aider à commencer.

Vous pouvez créer les types d’application Teams suivants :

Types d’applications Définition
Applications Teams de base Les applications Teams de base incluent des applications d’onglet, de bot ou d’extension de message Teams que vous pouvez créer et personnaliser en fonction de vos besoins.
Compléments Office Ce groupe de compléments peut être installé et exécuté sur Outlook et Office.com.

Créer une application Teams à l’aide de Visual Studio Code

Le processus de création d’une application Teams est similaire pour tous les types d’applications. Pour créer une application Teams de base :

  1. Ouvrez Visual Studio Code.

  2. Sélectionnez microsoft 365 Agents Toolkit>Créer un agent/application> sélectionnez Teams Agents et applications.

    Capture d’écran montrant l’option permettant de créer un agent ou une application dans la barre latérale agents Toolkit.

  3. Sélectionnez Autres fonctionnalités Teams.

    Capture d’écran montrant l’option permettant de sélectionner les autres fonctionnalités Teams.

  4. Dans cet exemple, sélectionnez Tab comme fonctionnalité d’application.

    Capture d’écran montrant l’option permettant de sélectionner la fonctionnalité d’application que vous souhaitez générer.

  5. Sélectionnez Dossier par défaut pour stocker le dossier racine de votre projet à l’emplacement par défaut.

    Capture d’écran montrant l’option permettant de sélectionner l’emplacement par défaut pour l’espace de travail du projet.

    Pour modifier l’emplacement par défaut, procédez comme suit :

    1. Sélectionnez Parcourir.

    2. Sélectionnez l’emplacement de l’espace de travail du projet.

      Le dossier que vous sélectionnez est l’emplacement de votre espace de travail de projet.

  6. Entrez un nom approprié, tel que helloworld, comme nom d’application. Veillez à utiliser uniquement des caractères alphanumériques. Appuyez sur Entrée.

    Capture d’écran montrant le champ permettant d’entrer le nom de l’application.

    L’espace de travail de l’application onglet Teams est créé en quelques secondes.

    Capture d’écran montrant que l’espace de travail du projet est créé.

Structure de répertoires pour différents types d’applications

Agents Toolkit fournit tous les composants pour la création d’une application. Après avoir créé l’espace de travail du projet, vous pouvez afficher les dossiers et les fichiers du projet sous la section EXPLORATEUR .


Structure de répertoires pour l’application Teams de base

L’exemple suivant montre une structure de répertoire d’applications d’onglet Teams de base :

Nom du dossier Sommaire
.vscode Paramètres pour VS Code pour générer et déboguer votre application Teams.
appPackage Fichier de manifeste d’application (précédemment appelé manifeste d’application Teams) et fichiers d’icônes utilisés par Teams pour reconnaître votre application Teams.
env Stocke différents paramètres d’environnement.
infra bicep Azure fichiers de modèle. Utilisé pour déployer votre application Teams sur Azure.
src Code source pour la fonctionnalité Tab, y compris votre application frontale, les composants de l’interface utilisateur et l’avis de confidentialité, les conditions d’utilisation,
src/app.js Point d’entrée d’application et express gestionnaires pour le site web.
src/views/hello.html Modèle HTML lié au point de terminaison de l’onglet.
src/static Le serveur web peut servir des ressources statiques telles que des fichiers CSS et JavaScript.
m365agents.yml Ce fichier de configuration définit le comportement du kit de ressources Agents pour le cycle de vie d’approvisionnement, de déploiement et de publication. Vous pouvez personnaliser ce fichier pour modifier le comportement d’Agents Toolkit dans chaque cycle de vie.
m365agents.local.yml Cela remplace m365agents.yml par des actions qui permettent l’exécution locale et le débogage.

Remarque

Si vous disposez d’une application de bot ou d’extension de message, les dossiers pertinents sont ajoutés à la structure de répertoires.

Pour en savoir plus sur la structure de répertoires des différents types d’applications Teams de base, consultez le tableau suivant :

Type d’application Liens
Pour l’application d’onglet Créer votre première application d’onglet à l’aide de JavaScript
Pour l’application bot Créer votre première application de bot à l’aide de JavaScript
Pour l’application d’extension de message Créer votre première application d’extension de message à l’aide de JavaScript

Pour découvrir d’autres guides pas à pas sur la création d’applications, consultez Tutoriels.

Voir aussi