简介

已完成

在 Microsoft Teams 开发人员平台中，可以将选项卡添加为个人工作区。 还可以向群组聊天、频道和会议添加选项卡。 选项卡是用于显示网页、文档或自定义应用体验等内容的大型画布。

可以根据所需的上下文是个人上下文还是协作上下文，为不同的范围设计 Teams 选项卡。 如果你有兴趣为跨组人员协作构建画布，可以为群组聊天或团队频道创建选项卡应用。 如果有兴趣构建供个人使用和提高单个用户的工作效率的画布，可以创建一个选项卡作为个人工作区。 通过为用户提供对选项卡应用形式的相关和有用信息的访问权限，你可以帮助用户从其 Teams 体验中获得更多价值。

在本模块中，你将了解如何使用 Teams Toolkit for Visual Studio Code 生成 Teams 选项卡。

先决条件

• 对启用了上传 Teams 自定义应用的Microsoft 365 租户的全局管理员访问权限。
• 基本了解 Microsoft Teams 和应用的扩展点。 建议完成生成 Microsoft Teams 应用 培训模块简介。
• 能够使用 JavaScript 开发应用程序。
• 已安装 Teams 工具包扩展的 Visual Studio Code。
• Node.js 已安装 v16 。
• 已安装 Microsoft Edge 或 Google Chrome Web 浏览器。

学习目标

在本模块中，你将：

• 了解 Teams 选项卡应用的基础知识。
• 了解使用 Teams Toolkit for Visual Studio Code 生成 Teams 选项卡的好处。
• 使用 Teams Toolkit for Visual Studio Code 创建和调试 Teams 选项卡。

应用场景

假设你的团队已在你的公司中分配了一个项目，用于生成一个应用，供支持工程师管理所有客户支持票证。 你决定将 Teams 选项卡应用集成到支持工程师的频道中。 然后，支持工程师可以查看和更新票证的状态、管理被分配者以及添加评论或附件，同时保持彼此对话。

该应用还可以为支持工程师提供对相关信息和资源（如常见问题解答或支持文档）的访问权限，以帮助他们更有效地解决票证问题。 通过提供一种便捷且集成的方法来管理 Teams 中的支持票证，应用可以帮助改进整体支持流程，并增强支持工程师之间的协作。

适用于 Visual Studio Code 的 Teams 工具包可帮助你生成和部署具有最低配置要求的选项卡。

在下一单元中，你将了解如何使用 Teams 工具包生成第一个选项卡。