使用 Teams 工具包开发应用

  • 项目

在 Teams 开发人员门户中创建应用后，可以：

Teams 工具包基于你在 Teams 开发人员门户中设置的功能和配置来搭建必要的文件基架。 这可在 Visual Studio Code 和 Visual Studio 中的 Teams 开发人员门户和 Teams 工具包之间实现无缝转换。

在 Visual Studio Code 中打开应用

在 Teams 开发人员门户中，可以在 Visual Studio Code 中打开并启动项目 (React 应用) 。

下面是在 Visual Studio Code 中打开应用的步骤：

  1. 选择“开发>在 Teams 工具包>中打开”Visual Studio Code (JS/TS) 。

    屏幕截图显示了开发人员门户，其中“在 Teams 工具包中打开”以红色突出显示。

    将显示一个对话框。

    注意

    若要使应用能够打开，请安装最新版本的 Teams Toolkit for Visual Studio Code。

  2. 选择 “打开”。

    浏览器的屏幕截图，其中红色突出显示了“打开”选项。

    将显示一个对话框。

  3. 选择 “打开”。

    屏幕截图显示“开发人员预览”页，其中“打开”选项以红色突出显示。

    如有必要，请登录到 Microsoft 365 帐户。

  4. 选择首选编程语言。

    屏幕截图显示 Teams 工具包，其中以红色突出显示了“选择编程语言”。

  5. 选择工作区文件夹。

    屏幕截图显示 Teams 工具包，其中工作区文件夹突出显示为红色

  6. 输入应用名称。

    Teams 工具包的屏幕截图，其中突出显示了红色的应用程序名称。

  7. 选择你的应用，然后选择 “确定”。

    Teams 工具包将你在 Teams 开发人员门户中配置的 URL 转换为 localhost 地址，以配合调试过程。

    屏幕截图显示 Teams 工具包，其中“确定”选项以红色突出显示。

    Teams 工具包使用所有必要的配置和代码文件为项目搭建基架，现在可以开始开发了。

    屏幕截图显示Visual Studio Code中项目的基架。

在 Visual Studio 中打开应用

可以在 Visual Studio 中打开项目，并使用 Teams 工具包在 Visual Studio 中搭建项目基架。 确保已安装 Visual Studio 2022 版本 17.6 预览版 2。

下面是在 Visual Studio 中打开应用的步骤：

  1. 选择“ 开发>在 Teams 工具包>中打开 Visual Studio 中打开” (.NET) (预览版) 。

    屏幕截图显示了在 Teams 工具包中打开的开发人员门户。

  2. 选择“ 打开 ”为项目搭建基架。

    Visual Studio 中带有“打开”选项的浏览器的屏幕截图。

    如有必要，请登录到 Microsoft 365 帐户。

  3. 输入项目名称、位置和解决方案名称。 选择“创建”。

    屏幕截图显示了用于设置应用名称的详细信息选项卡。

  4. 选择应用程序类型，然后选择“ 下一步”。

    Teams 工具包将你在 Teams 开发人员门户中配置的应用转换为 localhost 地址，以配合调试过程。

    屏幕截图显示了 Visual Studio 中的应用类型。

    Teams 工具包使用所有必要的配置和代码文件为项目搭建基架，现在可以开始开发了。

    屏幕截图显示了 Visual Studio 中项目的基架。

在 Teams 工具包中打开应用后，现在可以在 Teams 工具包中开发和调试 Teams 应用。

注意

只能在预览版中通过开发人员门户在 Teams 工具包中工作。

另请参阅

使用开发人员门户发布 Teams 应用