发送主动消息
主动消息是机器人为响应用户聊天中发送的简单命令而发送的消息。 消息响应可以使用以下格式之一:
- 欢迎消息
- 计划的消息
- 通知
本分步指南可帮助你从机器人发送主动消息。 你将看到以下输出:
先决条件
确保安装以下用于生成和部署应用的工具。
安装 | 使用 | |
---|---|---|
Microsoft Visual Studio Code | JavaScript 或 TypeScript,生成环境。 使用最新版本。 | |
Microsoft Teams 工具包 | Visual Studio Code 扩展,用于为应用创建项目基架。 使用最新版本。 | |
Node.js | 后端 JavaScript 运行时环境。 有关详细信息,请参阅 项目类型的Node.js 版本兼容性表。 | |
Microsoft Teams | 团队通过聊天、会议、通话等应用与你一起工作的每个人协作。 | |
Microsoft Edge(推荐)或 Google Chrome | 包含开发人员工具的浏览器。 | |
Microsoft 365 开发人员帐户 | 具有安装应用的相应权限的 Teams 帐户的访问权限。 |
准备开发环境
安装所需的工具后,设置开发环境。
安装 Teams 工具包
Microsoft Teams 工具包通过为应用预配和部署云资源以及发布到 Teams 应用商店的工具来帮助简化开发过程。
可以将 Teams 工具包与 Visual Studio Code 或名为 TeamsFx CLI 的命令行界面配合使用。
打开 Visual Studio Code,选择“ 扩展 ” (Ctrl+Shift+X 或 “查看>扩展) ”。
在搜索框中,输入 Teams 工具包。
选择“安装”。
Teams 工具包 图标显示在 Visual Studio Code 活动栏中。
还可以从 Visual Studio Code Marketplace 安装 Teams 工具包。
设置 Teams 开发租户
租户是 Teams 中组织的空间或容器,可在其中聊天、共享文件和运行会议。 此空间也是上传和测试应用的位置。 让我们验证是否已准备好使用租户进行开发。
检查上传应用选项
创建自定义应用后,必须使用“上传自定义应用”选项将 应用上传到 Teams。 登录到 Microsoft 365 帐户,检查是否已启用此选项。
以下步骤可帮助你验证是否可以在 Teams 中上传应用:
在 Teams 客户端中,选择“ 应用” 图标。
选择“管理应用”。
选择 “上传应用”。
查找“ 上传自定义应用”选项。 如果选项可见,则可以上传自定义应用。
注意
如果找不到上传自定义应用的选项,请与 Teams 管理员联系。
创建免费的 Teams 开发人员租户 (可选)
如果没有 Teams 开发人员帐户,请加入 Microsoft 365 开发人员计划。
选择“ 立即加入 ”,然后按照屏幕上的说明进行操作。
在欢迎屏幕中,选择“ 设置 E5 订阅”。
设置管理员帐户。 完成后,将显示以下屏幕:
使用刚刚设置的管理员帐户登录到 Teams。 验证在 Teams 中是否具有 “上传自定义应用 ”选项。
生成主动消息机器人
若要使用 Visual Studio Code 生成主动消息机器人,请执行以下步骤:
打开 Visual Studio Code。
选择 Visual Studio Code 活动栏中的 Teams 工具包 图标。
在左窗格中,选择“ 查看示例”。
从示例列表中,选择“ 主动消息传送”。 此时会打开一个已准备好进行调试的预生成示例。
选择“创建”。
选择“ 默认文件夹 ”,将项目根文件夹存储在默认位置。
如果要更改默认位置,请执行以下步骤:
选择“ 浏览”。
选择项目工作区的位置。
选择 “选择文件夹”。
主动消息机器人在几秒钟内创建,并在右下角显示主动消息机器人成功对话框,其中包含调试选项:
选择左上角的 “运行和调试” 图标。
从下拉列表中选择 “调试 (Edge) ”或“调试 (Chrome) ”。
调试成功后,系统会提示将主动消息机器人上传到本地计算机上的 Teams。
在 “添加”旁边的下拉列表中,选择“ 添加到团队 ”或“ 添加到聊天 ”或 “添加到会议”。
在搜索字段中输入聊天或团队的名称,然后选择 “设置机器人”。
主动消息机器人应用将上传到 Teams 客户端,并显示以下消息以响应发送的消息。
复制并粘贴 URL 或导航到浏览器中的 URL。 在聊天中触发并共享主动你好消息。
转到 Teams。 你将收到来自机器人的 主动你好 消息。
浏览源代码
Teams 工具包提供用于生成应用的组件。 创建项目后,可以在 Visual Studio Code 的 “资源管理器” 区域中查看项目文件夹和文件。
新项目文件夹包含以下内容:
文件夹/文件 | 目录 |
---|---|
.vscode/ |
用于调试的 Visual Studio Code 文件。 |
appManifest/ |
应用清单的模板 (以前称为 Teams 应用清单) 。 |
env/ |
名称/值对存储在环境文件中,由 teamsapp.yml 用于自定义预配和部署规则。 |
manifest.json |
用于通过 Teams 开发人员门户发布的应用清单存储在 中 Properties/manifest.json 。 |
teamsapp.yml |
主项目文件描述应用配置,并定义要在每个生命周期阶段运行的操作集。 |
teamsapp.local.yml |
这将替代 teamsapp.yml 启用本地执行和调试的操作。 |
部署主动消息机器人
你已了解如何使用主动消息机器人功能生成和运行 Teams 应用。 让我们使用 Teams 工具包在 Azure 上部署具有主动消息机器人功能的第一个应用。
登录到 Azure 帐户
使用帐户访问Microsoft Azure 门户,并预配新的云资源以支持应用。
打开 Visual Studio Code。
打开在其中创建了主动消息机器人应用的项目文件夹。
选择 Visual Studio Code 活动栏中的 Teams 工具包 图标。
选择“使用凭据 登录到 Azure ”。
提示
如果已安装 AZURE 帐户扩展并使用相同的帐户,则可以跳过此步骤。
此时会打开默认 Web 浏览器,以便登录帐户。
出现提示时关闭浏览器并返回到 Visual Studio Code。
边栏的 “帐户 ”部分分别显示这两个帐户。 它还列出了可用的 Azure 订阅数。 确保至少有一个可用的 Azure 订阅可用。 如果没有,请注销并使用其他帐户。
将应用部署到 Azure。
部署包括两个步骤。 首先, (也称为预配) 创建必要的云资源。 然后,应用的代码将复制到创建的云资源中。 在本教程中,你将部署机器人应用。
预配和部署之间有什么区别?
预配 在 Azure 中创建资源,Microsoft 365 为应用创建资源,但不会 (HTML、CSS 和 JavaScript) 代码复制到资源。 部署 会将应用的代码复制到预配期间创建的资源。 无需预配新资源即可多次部署,这很常见。 由于预配可能需要一些时间才能完成,因此它不同于部署。
选择 Visual Studio Code 活动栏中的 Teams 工具包 图标。
在“生命周期”下选择“预配”。
选择现有订阅之一。
选择现有资源组或创建新资源组。 有关详细信息,请参阅 创建资源组。
注意
此时会显示一个对话框,指出在 Azure 中运行资源时可能会产生成本。
选择“ 预配”。
预配过程在 Azure 云中创建资源。 可以在右下角显示的对话框中监视进度。 几分钟后,将显示以下对话框:
在“生命周期”下选择“部署”。
选择“部署”。
部署需要一些时间。 可以在右下角显示的对话框中监视进度。 几分钟后,将显示以下对话框。
(Ctrl+Shift+D / ⌘⇧-D 或从 Visual Studio Code 查看>运行) 打开调试面板。
从启动配置下拉列表中选择“ 启动远程 (Edge) ”。
调试成功后,系统会提示将主动消息机器人应用上传到 Teams。
在 “添加”旁边的下拉列表中,选择“ 添加到团队 ”或“ 添加到聊天 ”或 “添加到会议”。
在搜索字段中输入聊天或团队的名称,然后选择 “设置机器人”。
主动消息机器人应用将上传到 Teams 客户端,并显示以下消息以响应发送的消息。
复制并粘贴 URL 或导航到浏览器中的 URL。 在聊天中触发并共享主动你好消息。
转到 Teams。 你将收到来自机器人的 主动你好 消息。
完成挑战
你想出了这样的东西吗?
恭喜!
你已完成方案。
- 可以每天发送通知,也可以定期请求用户提供反馈。
- 可以处理限制以避免多个通知。
你有关于此部分的问题? 如果有,请向我们提供反馈,以便我们对此部分作出改进。