使用代理工具包开发应用

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

Microsoft 365 代理工具包 (以前称为 Teams 工具包) 基于你在开发人员门户中设置的功能和配置搭建必要的文件。 这使开发人员门户与 Visual Studio Code 和 Visual Studio 中的代理工具包之间无缝过渡。

在 Visual Studio Code 中打开应用

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

注意

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

下面是从开发人员门户在 Visual Studio Code 中打开应用的步骤:

  1. 登录到 开发人员门户 ,并从左窗格中选择“ 应用 ”。

  2. 选择“开发>在 Microsoft 365 代理工具包>中打开”,Visual Studio Code (JS/TS)

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

    将在浏览器窗口中打开一个对话框。

  3. 选择 “打开”

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

    将在 Visual Studio Code 中打开一个对话框。

  4. 选择 “打开”

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

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

  5. 选择你的应用,然后选择 “确定”。

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

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

  6. 选择首选编程语言。

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

  7. 选择工作区文件夹。

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

  8. 输入应用名称。

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

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

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

在 Visual Studio 中打开应用

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

下面是从开发人员门户在 Visual Studio 中打开应用的步骤:

  1. 登录到 开发人员门户 ,并从左窗格中选择“ 应用 ”。

  2. 选择“ 开发>在 Microsoft 365 代理工具包>中打开 Visual Studio (.NET) ”。

    显示开发人员门户的屏幕截图,其中显示了“在代理工具包中打开”。

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

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

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

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

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

  5. 选择应用程序类型,然后选择“ 创建”。

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

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

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

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

在代理工具包中打开应用后,现在可以在 Agents Toolkit 中开发和调试 Teams 应用。

注意

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

另请参阅

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