Créer votre première application à l’aide de C#
Démarrez le développement d’applications Microsoft Teams en créant votre première application Teams avec un onglet, un bot ou une fonctionnalité d’extension de message.
Dans ce tutoriel, vous allez apprendre à :
- Comment configurer un nouveau projet.
- Comment créer des applications avec la fonctionnalité d’onglet en utilisant C# et Microsoft Visual Studio 2022.
Ce guide pas à pas vous aide à créer un onglet avec teams Toolkit. Vous verrez la sortie suivante une fois que vous aurez terminé ce guide :
Conditions préalables
Voici la liste des outils que vous devez installer pour créer et déployer une application Teams.
| Installer | Pour l’utilisation... | |
|---|---|---|
| Microsoft Teams | Microsoft Teams pour collaborer avec toutes les personnes avec lesquelles vous travaillez via des applications pour la conversation, les réunions et les appels dans un seul endroit. | |
| Visual Studio 2022 |
Vous pouvez installer la version entreprise dans Visual Studio 2022 et installer les charges de travail de développement ASP.NET et web. Utilisez la dernière version. | |
| Toolkit Teams | Extension Visual Studio qui crée une structure de projet pour votre application. Utilisez la dernière version. |
Installer teams Toolkit
Teams Toolkit permet de simplifier le processus de développement avec des outils permettant de créer une structure de projet pour votre application. Il crée la structure de répertoires nécessaire pour toutes les fonctionnalités sélectionnées avec les fichiers requis en place, prêts à générer le projet.
Vous pouvez télécharger le dernier programme d’installation de Visual Studio. Teams Toolkit est disponible en tant qu’extension dans Visual Studio.
Après avoir ouvert le programme d’installation de Visual Studio, dans la fenêtre contextuelle des charges de travail.
Sélectionnez ASP.NET et développement web.
Sous Détails >de l’installationFacultatif, sélectionnez Outils de développement Microsoft Teams.
Sélectionnez Installer.
Sélectionnez Lancer. La fenêtre de l’application Visual Studio 2022 s’affiche.
Accédez à Extensions>Gérer les extensions.
La fenêtre Gérer l’extension s’affiche :
Dans le volet gauche, sélectionnez Installé. L’extension Teams Toolkit est disponible.
Configurer votre locataire de développement Teams
Un locataire est comme un espace ou un conteneur pour votre organization 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 personnalisée. Vérifions si vous êtes prêt à développer avec le locataire.
Rechercher l’option de chargement d’application personnalisée
Après avoir créé l’application, vous devez charger votre application dans Teams sans la distribuer. Ce processus est appelé chargement d’application personnalisée. Connectez-vous à votre compte Microsoft 365 pour afficher cette option.
Remarque
Le chargement d’applications personnalisées est nécessaire pour afficher un aperçu et tester les applications dans l’environnement local Teams. S’il n’est pas activé, vous ne pourrez pas afficher un aperçu et tester votre application dans l’environnement local Teams.
Disposez-vous déjà d’un locataire et d’un accès administrateur ? Nous allons case activée si vous le faites !
Vérifiez si vous pouvez charger des applications personnalisées dans Teams :
Ouvrez Microsoft Teams, sélectionnez l’icône Applications .
Sélectionnez Gérer vos applications.
Sélectionnez Charger une application.
Recherchez l’option Charger une application personnalisée . Si vous voyez l’option , le chargement d’applications personnalisées est activé.
Remarque
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 Teams, vous pouvez l’obtenir gratuitement. Rejoignez le programme des développeurs Microsoft 365 !
Sélectionnez Rejoindre maintenant et suivez les instructions à l’écran.
Dans l’écran d’accueil, sélectionnez Configurer l’abonnement E5.
Configurez votre compte d’administrateur. Une fois que vous avez terminé, l’écran suivant s’affiche :
Connectez-vous à Teams à l’aide du compte d’administrateur que vous avez configuré. 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 aux 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.
Créer un espace de travail de projet pour votre application d’onglet à l’aide de C#
Démarrez le développement d’applications Microsoft Teams en créant votre première application. Cette application utilise la fonctionnalité d’onglet.
Si les conditions préalables sont en place, commençons !
Les étapes suivantes vous aident à créer un espace de travail de projet pour votre application d’onglet dans Visual Studio :
Ouvrez Visual Studio.
Sélectionnez Nouveau projet.
Dans la zone de recherche, entrez Teams.
Sélectionnez Application> Microsoft TeamsSuivant.
Entrez les informations suivantes pour configurer votre nouveau projet.
- Entrez le nom de projet requis dans Nom du projet.
- Sélectionnez l’emplacement requis pour enregistrer les fichiers et dossiers du projet.
- Sélectionnez Créer.
Sélectionnez Tab Créer>.
L’application d’onglet Teams est créée en quelques secondes.
Découvrez le code source de l’application d’onglet
Teams Toolkit fournit tous les composants pour la création d’une application. Après avoir créé le projet, vous pouvez afficher les dossiers et fichiers du projet sous Explorateur de solutions.
Générer et exécuter votre première application d’onglet à l’aide de C#
Après avoir configuré votre espace de travail de projet avec Teams Toolkit, générez votre application d’onglet.
Connectez-vous à votre compte Microsoft 365
Utilisez votre compte Microsoft 365 pour vous connecter à Teams. Si vous utilisez un locataire du programme de développement Microsoft 365, le compte d’administrateur que vous avez configuré lors de l’inscription est votre compte Microsoft 365.
Dans le Explorateur de solutions, sous Solution MyTeamsApp, cliquez avec le bouton droit sur MyTeamsApp.
Sélectionnez Teams Toolkit>Préparer les dépendances de l’application Teams.
SélectionnezCompte>Microsoft 365Continuer.
Générer et exécuter votre application localement dans Visual Studio
Pour créer et exécuter votre application localement :
Sélectionnez Déboguer>Démarrer le débogage ou entrez F5.
Visual Studio démarre le processus de débogage et ouvre le client web Teams dans un navigateur. Si vous y êtes invité, connectez-vous à l’aide de votre compte Microsoft 365.
Sélectionnez Ajouter.
Félicitations, votre première application d’onglet s’exécute sur Teams !
Découvrez comment résoudre les problèmes si votre application ne s’exécute pas localement.
Pour exécuter correctement votre application dans Teams, vérifiez que vous avez activé le chargement d’applications personnalisées dans votre compte Teams. Pour en savoir plus sur le chargement d’applications personnalisées, consultez la section Conditions préalables .
Félicitations !
Vous avez créé une application d’onglet à l’aide de C#. Teams Toolkit a ajouté la structure nécessaire à la structure de répertoires de votre application. Le didacticiel est maintenant terminé.
Vous avez un défi avec cette section ? Si c'est le cas, faites-nous part de vos commentaires pour que nous puissions l'améliorer.
Commentaires
Bientôt disponible : Tout au long de 2024, nous allons supprimer progressivement GitHub Issues comme mécanisme de commentaires pour le contenu et le remplacer par un nouveau système de commentaires. Pour plus d’informations, consultez https://aka.ms/ContentUserFeedback.
Envoyer et afficher des commentaires pour