Microsoft Teams Toolkit for Visual Studio Code 现已正式发布

我很高兴地宣布，适用于 Visual Studio Code 的团队工具包和团队工具包 CLI 现已正式发布！而且，对于每个构建 .NET Web 应用的人来说，适用于 Visual Studio 的团队工具包现已推出预览版。我希望您在本周早些时候的Build 2022上看到了这一消息。自预览版以来，我们进行了大量更新和改进。我想重点介绍适用于VS代码的团队工具包的一些关键新功能，这些功能将让您最兴奋！

引入基于方案的团队应用

在此版本之前，团队工具包预览版提供了基于团队功能（如选项卡、机器人和邮件扩展）的应用模板代码。然而，在现实中，我们根据现实生活中的场景来设计产品。

因此，在此 GA 版本中，我们添加了基于方案的团队应用模板以及现有的基本功能模板。

以下是新增功能—

机器人通知

发送机器人通知可能是聊天机器人应用程序和团队应用的常见方案。但是，团队应用程序的开发过程很麻烦...好吧，我们使过程更简单，因为 Toolkit 现在可以通过调整生成的代码来帮助您为应用程序创建通知功能！

首次在 Teams Toolkit 中设置新应用时，请单击“基于方案的团队应用”下的“通知机器人”，让 Toolkit 生成基架以创建发送通知的机器人。

您可以为该消息指定事件 - 触发器或计时器。如果希望机器人向 Teams 发送某些内容的定期提醒，请选择“计时器触发器”。

如果您使用的是 JavaScript，请查看该文件，并查看在 JSON 中指定消息结构的位置。您可以只使用一些简单的文本或列表，表格，按钮等来保留消息。source/adaptiveCards/notification-default.json

你还可以实时预览 JSON 如何显示为自适应卡。只需单击它显示“预览和调试自适应卡片”的位置即可预览，或获取 Visual Studio Code 扩展。

在（对于基于计时器的通知）中，你可以查看要发送的消息如何应用于自适应卡片。请尝试更改字符串，看看它在 Teams 客户端上的工作方式！src/timerTrigger.js

for (const target of await bot.notification.installations()) {
    await target.sendAdaptiveCard(
      AdaptiveCards.declare(notificationTemplate).render({
        title: 'Aloha! This is your daily reminder.',
        appName: 'Contoso Bot',
        description: `This is a sample time-triggered notification (${timeStamp}).`,
        notificationUrl: 'https://www.adaptivecards.io/',
      })
    );
  }

使用 F5 调试器运行机器人后，机器人会在计划的时间内向你发送通知。

你可以用机器人做更多的事情——

命令机器人

另一种常见方案是响应命令的机器人。你可能会考虑一些对话机器人，但在大多数情况下，你所需要的只是一个简单的机器人来回答你的命令，就像你可能在某些服务中使用了“斜杠命令”一样。

现在，借助 Toolkit，您可以比以往更轻松地开始创建命令机器人。

单击“在团队工具包中创建新的团队应用”后，从菜单中选择“命令机器人”，然后继续执行其余操作。

生成模板代码后，请参阅函数。例如，如果您选择了 JavaScript，则文件，您会看到触发词和响应消息。commandHandlerbot/src/helloWorldCommandHandler.js

您可以更改处理程序（或创建新的处理程序）以创建命令：

class HelloWorldCommandHandler {
  triggerPatterns = 'Hi kitty';

  async handleCommandReceived(context, message) {
 // render your adaptive card for reply message
    const cardData = {
      title: 'MeowBot  says',
      body: 'Meow meow meow',
      image: 'https://placekitten.com/500/400',
      imageAlt: 'cat'
    };
    return MessageBuilder.attachAdaptiveCard(helloWorldCard, cardData);
  }
}

并使用 中的自适应卡片预览器定义响应消息 UI。bot/src/adaptiveCards/helloworldCommand.json

现在，当用户向机器人发送“嗨小猫”消息时，机器人将做出响应。

---

将你的应用扩展到 Outlook 和 Office

更令人兴奋的消息是，现在你的团队应用可以在 Outlook 和 Office 上运行！

当您创建新应用程序时，以前版本的 Toolkit 仅允许您选择其中一项功能，但是，使用新的 Toolkit，现在您有更多的选择。

若要创建在其他 Microsoft 365 产品（如 Outlook 和 Office）上运行的应用，请从 Microsoft 365 中的扩展团队应用中进行选择。 这将生成一个基架代码，其中包含有用的代码模板和示例，无论是在JavaScript还是TypeScript中（无论您选择哪一个！

当你在 VS Code 中测试代码时，“F5”调试功能是你的朋友，现在 Teams Toolkit 中的调试配置文件包括 Outlook 和 Office，你只需在其中选择一个并查看你的应用正在运行！

---

团队开发的更多更新

Microsoft 365 和团队应用开发有更多更新。

Teams SDK v2 & Update Manifest

团队客户端 SDK 可用于创建选项卡和任务模块，并具有选项卡配置和主题检测以及身份验证等功能。现在它已升级到 v2，最新版本具有扩展团队应用以在 Outlook 和 Office 中运行的功能。

新的团队工具包实用工具还允许你将使用团队 js SDK v1 的现有应用升级到使用 SDK v2，这将更新导入和 API 调用。

工具包还将团队清单修订为最新架构以支持 Office 和 Outlook。

适用于选项卡应用的 Fluent UI 组件库

创建选项卡应用（在 Teams 中嵌入 Web）时，你希望应用的 UI 外观和感觉类似于 Teams。团队 UI 组件库可在此为您提供帮助。

Teams UI Component Library 是一个建立在 Fluent UI React 之上的 UI 库。Fluent 是 Microsoft 的设计系统，它为您提供了一组适用于所有 M365 的 UI 库。

而基础组件库Fluent UI React现在已经升级到v9，它支持设计令牌，并有重大的性能改进。