浏览工具和代码示例

你已生成第一个选项卡应用、交互式通知机器人和消息扩展。可以根据应用的要求生成 Teams 应用。根据业务需求、开发环境和领域知识等因素，选择用于生成应用的环境和工具。

Teams 应用为你提供了选择生成环境的灵活性。它包括用于应用开发的工具、框架、语言。在最适合你的应用的环境中生成 Teams 应用。甚至可以选择组合。例如，可以使用 Teams 工具包和 JavaScript 生成应用，并将其托管在 SharePoint 网站上。

本部分介绍用于生成 Teams 应用的各种选项。

Teams 协作平台

作为构建应用的协作平台，Teams 提供了各种应用和工具。 Teams 平台支持从规划到分发应用开发的每个阶段。

可以使用各种工具和服务来生成应用。下面是一个示例开发流。

可以使用以下工具和 SDK 构建Microsoft Teams 应用。

若要开始生成 Teams 应用，可以根据应用要求选择工具和 SDK。

应用功能：可以根据应用要求选择单个功能或功能组合。
所需的 SDK：例如，如果要为机器人应用生成 AI 功能，请选择“Teams AI 库”。
UI 组件：选择 UI 组件以基于应用功能设计应用。
语言：选择要用于生成应用的语言。
建议的工具：根据所选语言选择工具。还可以使用 Teams 开发人员门户来管理和发布应用。使用 Teams 工具包和 Yo Teams，可以在 VS Code Visual Studio Code () 或 Visual Studio 中使用 JavaScript 和 TypeScript 或 C# 生成应用。

应用功能	用户交互	推荐的工具	SDK	语言
选项卡	全屏嵌入式 Web 体验。	VS Code 或 Visual Studio 与 Teams 工具包扩展，或者 TeamsFx CLI （如果你更喜欢使用 CLI）	适用于 UI 功能的 Teams JavaScript 客户端库、SharePoint 框架 (SPFx) 和 Microsoft Graph SDK	C#、TypeScript 和 JavaScript (包括React)
机器人	与成员交谈的聊天机器人。	VS Code 或 Visual Studio 与 Teams 工具包扩展，或者 TeamsFx CLI （如果你更喜欢使用 CLI）	TeamsFx SDK、 Bot Framework SDK、 Teams AI 库和 Microsoft Graph SDK	C#、TypeScript 和 JavaScript
消息扩展	用于将外部内容插入对话或对邮件采取措施的快捷方式。	VS Code 或 Visual Studio 与 Teams 工具包扩展，或者 TeamsFx CLI （如果你更喜欢使用 CLI）	TeamsFx SDK、 Bot Framework SDK、 Teams AI 库和 Microsoft Graph SDK	C#、TypeScript 和 JavaScript

注意

示例方案：如果要生成使用 TypeScript 发送通知的社交媒体仪表板应用，请考虑以下方案：

还可以使用各种 SDK 创建和生成 Teams 应用。 Teams 支持下图中显示的所有 SDK，你可以根据自己的要求选择 SDK：

Teams 平台中的以下工具可在应用开发过程中为你提供帮助：

应用开发阶段	Teams 平台工具
Design	Teams UI 工具包和 Fluent UI React组件
内部版本	Teams 工具包、工具和 SDK 以及 Microsoft Graph
测试、部署和发布	Microsoft Entra ID和开发人员门户
分散对齐	合作伙伴中心和 Teams 应用商店

可以使用以下教程和代码示例构建具有不同功能的Microsoft Teams 应用。

若要开始生成 Teams 应用，请使用以下语言或框架并准备开发环境。

	Tab	Bot	邮件扩展
基本应用	• 使用 JavaScript 生成第一个选项卡应用 • 使用 C# 生成第一个应用 • 使用 SPFx 生成第一个应用	使用 JavaScript 生成第一个机器人应用	使用 JavaScript 生成第一个消息传递扩展应用
基于方案的应用	不适用	• 使用 JavaScript 生成通知机器人 • 使用 JavaScript 生成命令机器人 • 创建 Teams 工作流机器人	不适用