Partager via


Développer vos applications avec teams Toolkit

Après avoir créé votre application dans le portail des développeurs Teams, vous pouvez :

Teams Toolkit génère automatiquement les fichiers nécessaires en fonction de la fonctionnalité et des configurations que vous définissez dans le Portail des développeurs Teams. Cela permet une transition transparente entre le portail des développeurs Teams et le kit de ressources Teams dans Visual Studio Code et Visual Studio.

Ouvrir votre application dans Visual Studio Code

Dans le portail des développeurs Teams, vous pouvez ouvrir et lancer votre projet (application React) dans Visual Studio Code.

Voici les étapes pour ouvrir votre application dans Visual Studio Code :

  1. Sélectionnez Développer ouvrir>dans teams Toolkit>Ouvrir dans Visual Studio Code (JS/TS).

    Capture d’écran montrant le portail des développeurs avec Open in Teams Toolkit mis en évidence en rouge.

    Une boîte de dialogue s’affiche.

    Remarque

    Pour permettre à votre application de s’ouvrir, installez la dernière version de Teams Toolkit pour Visual Studio Code.

  2. Sélectionnez Ouvrir.

    Capture d’écran du navigateur avec l’option Ouvrir mise en évidence en rouge.

    Une boîte de dialogue s’affiche.

  3. Sélectionnez Ouvrir.

    Capture d’écran montrant la page Aperçu du développeur avec l’option Ouvrir mise en évidence en rouge.

    Si nécessaire, connectez-vous à votre compte Microsoft 365.

  4. Sélectionnez votre langage de programmation préféré.

    Capture d’écran montrant Teams Toolkit avec Sélectionner un langage de programmation mis en évidence en rouge.

  5. Sélectionnez le dossier de votre espace de travail.

    Capture d’écran montrant le Kit de ressources Teams avec le dossier de l’espace de travail mis en surbrillance en rouge

  6. Entrez un nom d’application.

    Capture d’écran du Kit de ressources Teams avec le nom de l’application mis en évidence en rouge.

  7. Sélectionnez votre application, puis sélectionnez OK.

    Teams Toolkit convertit l’URL que vous avez configurée dans le portail des développeurs Teams en adresse localhost pour travailler avec le processus de débogage.

    Capture d’écran montrant teams Toolkit avec l’option OK mise en évidence en rouge.

    Teams Toolkit crée la structure de votre projet avec tous les fichiers de code et de configuration nécessaires. Vous êtes maintenant prêt à démarrer le développement.

    Capture d’écran montrant la structure de votre projet dans Visual Studio Code.

Ouvrir votre application dans Visual Studio

Vous pouvez ouvrir votre projet dans Visual Studio et structurer votre projet dans Visual Studio avec Teams Toolkit. Vérifiez que vous avez installé Visual Studio 2022 version 17.6 Preview 2.

Voici les étapes pour ouvrir votre application dans Visual Studio :

  1. Sélectionnez Développer ouvrir>dans Teams Toolkit>Ouvrir dans Visual Studio (.NET) (préversion).

    Capture d’écran montrant le portail des développeurs avec Ouvrir dans teams Toolkit.

  2. Sélectionnez Ouvrir pour structurer votre projet.

    Capture d’écran du navigateur avec l’option Ouvrir dans Visual Studio.

    Si nécessaire, connectez-vous à votre compte Microsoft 365.

  3. Entrez le nom de votre projet, l’emplacement et le nom de la solution. Sélectionnez Créer.

    Capture d’écran montrant l’onglet Détails pour définir le nom de l’application.

  4. Sélectionnez le type d’application, puis suivant.

    Teams Toolkit convertit l’application que vous avez configurée dans le Portail des développeurs Teams en adresse localhost pour travailler avec le processus de débogage.

    Capture d’écran montrant le type d’application dans Visual Studio.

    Teams Toolkit crée la structure de votre projet avec tous les fichiers de code et de configuration nécessaires. Vous êtes maintenant prêt à démarrer le développement.

    Capture d’écran montrant la structure de votre projet dans Visual Studio.

Après avoir ouvert votre application dans teams Toolkit, vous pouvez maintenant développer et déboguer votre application Teams dans teams Toolkit.

Remarque

Vous pouvez travailler dans teams Toolkit via le portail des développeurs en préversion uniquement.

Voir aussi

Publier vos applications Teams à l’aide du portail des développeurs