Microsoft Teams Toolkit for Visual Studio Code
What is Teams Toolkit?
The Teams Toolkit helps developers create and deploy Teams apps with integrated Identity, access to cloud storage, data from Microsoft Graph, and other services in Azure and Microsoft 365 with a "zero-configuration" approach to the developer experience.
What are Teams app "Capabilities"?
Tabs are Teams-aware webpages embedded in Microsoft Teams. They are simple HTML tags that point to domains declared in the app manifest and can be added as part of a channel inside a team, group chat, or personal app for an individual user.
Bots allow users to interact with your web service through text, interactive cards, and task modules.
Message extensions allow users to interact with your web service through buttons and forms in the Microsoft Teams client.
Open Teams Toolkit to create a new Teams app, start coding!
follow the Get Started instructions in our documentation to start with new project.
In the Teams Toolkit for Visual Studio Code, you can easily discover all applicable commands in the sidebar and Command Palette with the keyword "Teams". It also supports Command Line Interface (CLI) to increase efficiency.
Verify you have the right prerequisites for building Teams apps and install some recommended development tools. Read more details.
Create your project
Use the Teams Toolkit for Visual Studio Code to set up your first app project. Create your tab app project using the following steps:
Read more on creating new project.
Configure your app
At its core, the Teams app embraces three components:
When an app is installed, the Teams client parses the manifest file to determine needed information like the name of your app and the URL where the services are located.
Read more on Preview and customize manifest file.
Preview your app on your local/remote dev environment
Simply press F5 to run your first Teams app or navigate to the Debug tab in the activity bar and select Run icon to display the Run and Debug view. As a default, the toolkit will automatically help you to setup local environment and load the app in Teams.
If you want to have a better estimation of how the app will behave in the cloud environment, you can deploy your resources to the cloud and preview your app with the backend running in the cloud (remote).
Read more on local debug.
Deploy your application to Azure
Deployment happens in two steps: Provisioning and Deployment. Provisioning creates all the necessary Azure resources that your application uses. It is typically done once. To provision your backend to an active Azure subscription:
Deploy copies of your application to the provisioned Azure resources. It is typically done after every change to your application. To deploy your application to the provisioned resources in an active Azure subscription:
Publish your application to Teams
When your application resources and infrastructure are deployed successfully, you can publish and register your app to Teams app catalog to share with others in your organization.
Read more on publishing Teams apps.
Explore Code Samples
Explore our samples to help you quickly get started with the basic Teams app concepts and code structures.
There are many ways in which you can participate in the project, for example:
Reporting security issues
Give security researchers information on how to privately report security vulnerabilities found in your open source project. See more details Reporting security issues.
The software may collect information about you and your use of the software and send it to Microsoft. Microsoft may use this information to provide services and improve our products and services. You may turn off the telemetry as described in the repository. There are also some features in the software that may enable you and Microsoft to collect data from users of your applications. If you use these features, you must comply with` applicable law, including providing appropriate notices to users of your applications together with a copy of Microsoft's privacy statement. Our privacy statement is located at Microsoft Privacy Statement. You can learn more about data collection and use in the help documentation and our privacy statement. Your use of the software operates as your consent to these practices.
Telemetry collection is on by default. To opt out, please set the
Code of conduct
This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft's Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the MIT license.