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,它支持设计令牌,并有重大的性能改进。

给TA打赏
共{{data.count}}人
人已打赏
Microsoft Teams

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

2022-5-27 18:09:07

.NET

.net 是什么意思?深入了解 .net 的历史和初衷

2022-1-18 15:17:13

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索