Créer votre première vue d'ensemble de l'application Microsoft TeamsBuild your first Microsoft Teams app overview

Dans les leçons de début, vous allez apprendre à créer des applications Teams de base.In the get started lessons, you learn how to create basic Teams apps. Chaque didacticiel vous montre comment créer une application Teams simple et réelle tout en vous présentant des outils courants, des concepts fondamentaux et des fonctionnalités plus avancées.Each tutorial walks through how to build a simple, real-world Teams app while introducing you to common tools, fundamental concepts, and more advanced features.

Ce que vous allez apprendreWhat you'll learn

Voici une idée de ce que vous allez savoir après avoir tiré les leçons.Here's an idea of what you'll know after going through the lessons.

  • Mise en route rapide avec le Shared Computer Toolkit Teams: le Shared Computer Toolkit Microsoft Teams pour Visual Studio Code s'occupe de la création de votre projet d'application et de la création d'une application en quelques minutes.Get up and running quickly with the Teams Toolkit: The Microsoft Teams Toolkit for Visual Studio Code takes care of creating your app project and scaffolding so you can have a running app in minutes.
  • Configurez votre application avec App Studio : spécifiez les fonctionnalités et les services que votre application Teams utilise.Configure your app with App Studio: Specify the capabilities and services your Teams app uses.
  • Étendue de l'audience de votre application: créez une application Teams pour un usage personnel, la collaboration ou les deux.Scope your app's audience: Build a Teams app for personal use, collaboration, or both.
  • Obtenez de l'expérience avec les outils et les SDK Teams: personnalisez votre application avec l'aide du SDK client JavaScript teams.Get experience with Teams tools and SDKs: Customize your app with help from the Teams JavaScript client SDK. Par exemple, modifiez le jeu de couleurs de votre application pour qu'il corresponde au thème Teams.For example, change your app's color scheme to match the Teams theme. Découvrez également les outils courants pour créer et gérer des bots.Also, learn about common tools for creating and managing bots.
  • Développez votre application: tout au long des leçons, vous trouverez des rubriques connexes qui vous intéressent probablement (telles que les instructions d'authentification et de conception).Expand on your app: Throughout the lessons, you'll find related topics you're probably interested in (such as authentication and design guidelines).

Principes de base de l'application TeamsTeams app fundamentals

Avant de commencer les didacticiels, vous devez connaître les informations suivantes sur la création d'applications pour Teams.Before you begin the tutorials, you should know the following about building apps for Teams.

Les applications peuvent avoir plusieurs fonctionnalités et points d'entréeApps can have multiple capabilities and entry points

Une application Teams est composé d'une ou de plusieurs fonctionnalités de plateforme (comment les personnes utilisent l'application) et de points d'entrée (où les personnes utilisent l'application).A Teams app is made up of one or more platform capabilities (how people use the app) and entry points (where people use the app).

Teams n'héberge pas votre applicationTeams doesn't host your app

Une application Teams comprend les éléments importants suivants :A Teams app includes the following important pieces:

  • La logique, le stockage des données et les appels d'API qui sont à l'alimentation de votre application.The logic, data storage, and API calls that power your app. Ces services ne sont pas hébergés par Teams et doivent être accessibles via HTTPS.These services are not hosted by Teams and must be accessible via HTTPS.
  • Client Teams (web, de bureau ou mobile) où les utilisateurs utilisent votre application.The Teams client (web, desktop, or mobile) where people use your app.
  • Votre ID d'application, qui vous permet de configurer votre application avec App Studio.Your app ID, which lets you configure your app with App Studio.

Obtenir les conditions préalablesGet prerequisites

Vérifiez que vous avez le bon compte pour créer des applications Teams et installez certains outils de développement recommandés.Verify you have the right account for building Teams apps and install some recommended development tools.

Configurer votre compte de développementSet up your development account

Vous avez besoin d'un compte Teams qui autorise le chargement de version de version d'application personnalisée.You need a Teams account that allows custom app sideloading. (Votre compte peut déjà le fournir.)(Your account may already provide this.)

  1. Si vous avez un compte Teams, vérifiez si vous pouvez télécharger une version de version de chargement d'applications dans Teams :If you have a Teams account, verify if you can sideload apps in Teams:

    1. Dans le client Teams, sélectionnez Applications.In the Teams client, select Apps.
    2. Recherchez une option pour télécharger une application personnalisée.Look for an option to Upload a custom app.

    Illustration montrant où dans Teams vous pouvez télécharger une application personnalisée.

    Si vous ne voyez pas le bouton, vous n'êtes pas autorisé à télécharger des applications personnalisées dans votre organisation. Vous pouvez obtenir cette fonctionnalité en vous inscrivant à un abonnement microsoft 365 développeur gratuit.If you don't see the button, you don't have permission to upload custom apps in your org. You can get this feature by signing up for a free Microsoft 365 developer subscription.

Obtenir votre abonnement microsoft 365 développeur gratuitGet your free Microsoft 365 developer subscription

Vous pouvez obtenir un compte de test Teams gratuit qui permet le chargement de version test d'application en rejoignant le programme microsoft 365 développeur.You can get a free Teams test account that allows app sideloading by joining the Microsoft 365 developer program. (Le processus d'inscription prend environ deux minutes.)(The registration process takes approximately two minutes.)

  1. Go to the Microsoft 365 developer program.Go to the Microsoft 365 developer program.
  2. Sélectionnez Rejoindre maintenant et suivez les instructions à l'écran.Select Join Now and follow the onscreen instructions.
  3. Lorsque vous arrivez à l'écran d'accueil, sélectionnez Configurer l'abonnement E5.When you get to the welcome screen, select Set up E5 subscription.
  4. Configurer votre compte d'administrateur.Set up your administrator account. Une fois que vous avez terminé, vous devriez voir un écran comme celui-ci.Once you finish, you should see a screen like this. Exemple de ce que vous voyez après vous être inscrire au programme pour les développeurs Microsoft 365.
  5. Connectez-vous à Teams à l'aide du compte d'administrateur que vous viennent de configurer.Log in to Teams using the administrator account you just set up.
  6. Vérifiez si vous avez désormais l'option Télécharger une application personnalisée.Verify if you now have the Upload a custom app option.

Notes

Si vous ne pouvez toujours pas charger une version de version de chargement d'applications, voir activer les applications Teams personnalisées et activer le chargement d'applications personnalisées.If you still can't sideload apps, see enable custom Teams apps and turn on custom app uploading.

Installer vos outils de développementInstall your development tools

Vous pouvez créer des applications Teams avec vos outils préférés, mais ces leçons montrent comment vous pouvez commencer rapidement avec microsoft Teams Shared Computer Toolkit for Visual Studio Code.You can build Teams apps with your preferred tools, but these lessons show how you can get started quickly with the Microsoft Teams Toolkit for Visual Studio Code.

Teams affiche le contenu de l'application uniquement par le biais de connexions HTTPS.Teams displays app content only through HTTPS connections. Pour déboguer certains types d'applications localement, comme un bot, vous allez apprendre à utiliser ngrok pour configurer un tunnel sécurisé entre Teams et votre application.To debug certain types of apps locally, such as a bot, you'll learn how to use ngrok to set up a secure tunnel between Teams and your app. (Les applications De Production Teams sont hébergées dans le cloud.)(Production Teams apps are hosted in the cloud.)

  1. Installez Node.js.Install Node.js.

  2. Installez ngrok si vous créez un bot ou une extension de messagerie et créez un tunnel à l'aide de ngrok.Install ngrok if you are building a bot or messaging extension and create a tunnel using ngrok.

  3. Installez la dernière version de Visual Studio Code.Install the latest version of Visual Studio Code. (Les versions antérieures peuvent ne pas fonctionner avec le kit de ressources.)(Earlier versions might not work with the toolkit.)

  4. Dans Visual Studio code, sélectionnez Extensions dans la barre d'activité de gauche et installez l'Shared Computer Toolkit Microsoft Teams.

    Illustration montrant où, dans Visual Studio Code, vous pouvez installer l'extension Shared Computer Toolkit Microsoft Teams.

À propos des didacticielsAbout the tutorials

Vous pouvez commencer par les leçons de démarrage de Teams.You can start with any of the Teams get started lessons. Si vous ne savez pas où aller en premier, suivez notre chemin d'accès convivial débutant et créez un « Hello, World! »If you're not sure where to go first, follow our beginner friendly path and build a "Hello, World!" application.app.

Arborescence de compétences montrant les parcours d'apprentissage pour les leçons de « mise en route » de Teams.

Étape suivanteNext step

Une fois que vous avez installé votre compte et votre environnement, vous pouvez commencer la création.Once you set up your account and environment, you can start building.

Didacticiel convivial pour débutantBeginner friendly tutorial

Autres didacticielsOther tutorials