Prepare to build apps using Teams Toolkit

Microsoft Teams Toolkit supports different build environments for creating apps. It helps to integrate Azure Functions capabilities and cloud services in the Microsoft Teams app that you've built.

Illustration shows the steps to prepare to build apps using Teams Toolkit.

Build environments

Teams Toolkit in Microsoft Visual Studio Code offers a set of environments to build your Teams app. You can choose any of the following environments:

  • JavaScript or TypeScript
  • SharePoint Framework (SPFx)

Create your Teams app using JavaScript or TypeScript

The apps built with JavaScript or TypeScript have the following advantages:

  • App comes with its own UI and UX capabilities that are rich and user friendly.
  • Provides quick upgrades to the existing apps.
  • Distributes apps on multiple platforms, such as Android and iOS.
  • Compatible for creating an app with the existing APIs.
  • An app created in Teams Toolkit also supports React.

Teams Toolkit in Visual Studio Code supports building the following apps using JavaScript or TypeScript:

  • Tab app: Your tab app can have web-based content. You can have a custom tab for your web content in Teams or add Teams-specific functionality to your web content.
  • Bot app: A bot can be chatbot or conversational bot that allows you to do simple and repetitive tasks, such as customer service or support staff.
  • Notification bot: You can send messages in Teams channel or group or personal chat by notification bots with HTTP request.
  • Command bot: You can automate repetitive tasks using a command bot. Command bot helps you to respond simple queries or commands sent in chats.
  • Workflow bot: You can interact with an Adaptive Card enabled by the Adaptive Card action handler feature in the workflow bot app.
  • Message extension: You can interact with your web service through buttons and forms in the Teams client.

Create your Teams app using SPFx

Teams Toolkit in Visual Studio Code allows you to create tab apps using SPFx. These apps have the following advantages:

  • Provides easy integration with data residing in SPFx to your Teams.
  • Integrates your SPFx solution with your business APIs secured with Microsoft Entra ID.
  • Gives access to various open-source tools.
  • Creates powerful applications that can deliver a great UX.
  • Integrates with other Microsoft 365 workloads easily.
  • Delivers flexibility to host applications wherever needed.

Support for Azure Functions

You can use Teams Toolkit to integrate Azure Functions capabilities while building apps. You can focus on the pieces of code that matter, and Azure Functions handles the rest. Azure Functions provides "compute on-demand" in two significant ways:

  1. Allows implementing system's logic into your readily available blocks of code. These blocks are called functions.
  2. Meets the requirement with as many resources and function instances as necessary as the requests increase.

Azure Functions integrates with an array of cloud services to provide feature-rich implementations. The following are the common scenarios for Azure Functions:

  • Building a web API
  • Processing to database changes
  • Processing IoT data streams
  • Managing message queues

Node.js version compatibility table for project type

Teams Toolkit Version Project Type Supported Node.js Versions
5.0.0 Notify with http or timer trigger
Azure functions
SPFx
Non-SPFx
16, 18
16, 18
16
16, 18
4.2.2 Notify with http or timer trigger
Azure functions
SPFx
14, 16, 18 (Preview)
14, 16, 18 (Preview)
16
14, 16, 18
4.2.0 SPFx 16
4.0.3 SPFx 14, 16
4.0.0 Non-SPFx 14, 16
3.7.0 SPFx 12, 14
<3.7.0 SPFx
Azure functions
Other
10, 12, 14
10, 12, 14
10, 12, 14, 16

See also