Lire en anglais Modifier

Partager via

Créer votre première application de bot à l’aide de JavaScript

Conditions préalables

Veillez à installer les outils suivants pour générer et déployer vos applications.

  Installer Pour l’utilisation...
Obligatoire    
  Toolkit Teams Extension Microsoft Visual Studio Code qui crée une structure de projet pour votre application. Utilisez la dernière version.
  Microsoft Teams Microsoft Teams vous permet de collaborer avec toutes les personnes avec lesquelles vous travaillez via des applications pour la conversation, les réunions et les appels au même endroit.
  Node.js Environnement runtime JavaScript principal. Pour plus d’informations, consultez Node.js table de compatibilité des versions pour le type de projet.
  Microsoft Edge (recommandé) ou Google Chrome Un navigateur avec des outils de développement.
  Visual Studio Code Environnements de build JavaScript, TypeScript ou SharePoint Framework (SPFx). Utilisez la dernière version.
Optional    
  Outils Azure pour Visual Studio Code et Azure CLI Outils Azure permettant d’accéder aux données stockées ou de déployer un back-end basé sur le cloud pour votre application Teams dans Azure.
  Outils de développement React pour Chrome OR React Developer Tools for Microsoft Edge Extension DevTools de navigateur pour la bibliothèque JavaScript React open source.
  Afficheur Microsoft Graph Explorateur Microsoft Graph, un outil basé sur un navigateur qui vous permet d’exécuter une requête à partir de données Microsoft Graph.
  Documentation pour les développeurs Portail web pour configurer, gérer et distribuer votre application Teams, y compris à votre organisation ou au Microsoft Teams Store.

Conseil

Si vous utilisez des données Microsoft Graph, vous devez découvrir et ajouter un signet à l’Explorateur Microsoft Graph. Cet outil basé sur un navigateur vous permet d’interroger Microsoft Graph en dehors d’une application.

Préparer l’environnement de développement

Après avoir installé les outils requis, configurez l’environnement de développement.

Installer teams Toolkit

Le Kit de ressources Microsoft Teams permet de simplifier le processus de développement avec des outils permettant de provisionner et de déployer des ressources cloud pour votre application et de les publier dans le Magasin Teams.

Vous pouvez utiliser Teams Toolkit avec Visual Studio Code ou une interface de ligne de commande appelée Cli TeamsFx.

  1. Ouvrez Visual Studio Code et sélectionnez Extensions (Ctrl+Maj+X ou Afficher les>extensions).

  2. Dans la zone de recherche, entrez Teams Toolkit.

  3. Sélectionnez Installer.

    Capture d’écran montrant l’installation de l’extension Teams Toolkit.

    L’icône Teams Toolkit s’affiche dans la barre d’activité de Visual Studio Code.

Vous pouvez également installer Teams Toolkit à partir de la Place de marché Visual Studio Code.

Configurer votre locataire de développement Teams

Un locataire est un espace ou un conteneur pour votre organisation dans Teams, où vous discutez, partagez des fichiers et exécutez des réunions. Cet espace est également l’endroit où vous chargez et testez votre application. Vérifions si vous êtes prêt à développer avec le locataire.

Rechercher l’option charger une application

Après avoir créé votre application personnalisée, vous devez charger votre application dans Teams avec l’option Charger une application personnalisée . Connectez-vous à votre compte Microsoft 365 pour vérifier si cette option est activée.

Les étapes suivantes vous aident à vérifier si vous pouvez charger des applications dans Teams :

  1. Dans le client Teams, sélectionnez l’icône Applications .

  2. Sélectionnez Gérer vos applications.

  3. Sélectionnez Charger une application.

  4. Recherchez l’option Charger une application personnalisée. Si l’option est visible, vous pouvez charger des applications personnalisées.

    Capture d’écran montrant l’option de chargement d’une application personnalisée dans Teams.

    Notes

    Si vous ne trouvez pas la possibilité de charger une application personnalisée, contactez votre administrateur Teams.

Créer un locataire développeur Teams gratuit (facultatif)

Si vous n’avez pas de compte de développeur Teams, rejoignez le programme de développement Microsoft 365.

  1. Accédez auProgramme pour les développeurs Microsoft 365.

  2. Sélectionnez Rejoindre maintenant et suivez les instructions à l’écran.

  3. Dans l’écran d’accueil, sélectionnez Configurer l’abonnement E5.

  4. Configurez votre compte d’administrateur. Une fois que vous avez terminé, l’écran suivant s’affiche :

    Capture d’écran montrant le Programme pour les développeurs Microsoft 365.

  5. Connectez-vous à Teams à l’aide du compte d’administrateur que vous venez de configurer. Vérifiez que vous disposez de l’option Charger une application personnalisée dans Teams.

Obtenir un compte Azure gratuit

Si vous souhaitez héberger votre application ou accéder à des ressources dans Azure, vous devez disposer d’un abonnement Azure. Créez un compte gratuit avant de commencer.

Vous disposez maintenant de tous les outils pour configurer votre compte. Ensuite, nous allons configurer votre environnement de développement et commencer à créer ! Sélectionnez d’abord l’application que vous souhaitez créer.