Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
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 :
Ouvrez Visual Studio Code.
Sélectionnez microsoft 365 Agents Toolkit>Créer un agent/application> sélectionnez Teams Agents et applications.
Sélectionnez Autres fonctionnalités Teams.
Dans cet exemple, sélectionnez Tab comme fonctionnalité d’application.
Sélectionnez Dossier par défaut pour stocker le dossier racine de votre projet à l’emplacement par défaut.
Pour modifier l’emplacement par défaut, procédez comme suit :
Sélectionnez Parcourir.
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.
Entrez un nom approprié, tel que helloworld, comme nom d’application. Veillez à utiliser uniquement des caractères alphanumériques. Appuyez sur Entrée.
L’espace de travail de l’application onglet Teams est créé en quelques secondes.
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.