如何在 Power Apps 中创建 Copilot 自定义 UI 组件

📢 本文同步发布於公众号：Power Platform · 最佳实践
🔗 原文链接：https://www.matthewdevaney.com/how-to-create-copilot-custom-ui-widgets-in-power-apps/

---

如何在 Power Apps 中创建 Copilot 自定义 UI 组件

无需广告，没有废话，只讲 Power Platform 干货。

你可以使用 Copilot 在 Power Apps 中展示自定义 UI 组件。UI 组件用交互式应用替代了聊天窗口中基于文本的回复。组件可以是只读的可视化内容，比如图表、地图和日历，也可以是完全交互式的应用。而使用 Power Apps，你可以轻松创建使用存储在 Dataverse 中数据的组件。

简介：Copilot 日历 UI 组件

一家建筑公司的经理们使用 Construction Worker Management 智能体来查看他们团队的日程安排。当他们发送诸如"显示亚特兰大七月份的日程"这样的提示时，Copilot 会在聊天中返回一个 UI 组件，以日历形式展示工作日程。

为 Jobs、Workers 和 Job Assignments 创建 Dataverse 表

Construction Worker Management 智能体使用一个包含 3 张表的数据模型：

注意：你可以从我的 GitHub 仓库下载本教程中用于填充每张表的数据。

创建 Construction Jobs 表，添加以下列。

然后添加 Construction Workers 表，包含以下列：

最后，创建 Job Assignments 表并包含以下列。然后用数据填充所有 3 张表。

创建新的模型驱动应用

使用 Power Apps 模型驱动应用来生成 Construction Worker Management 智能体，包括日历 UI 组件。创建一个新的模型驱动应用，命名为 Construction Worker Management。

然后将我们创建的 3 张表添加到应用中：

添加表后，它们的视图和表单会出现在应用的导航菜单中。

为模型驱动应用设置 MCP 服务器

现在每个模型驱动应用都可以转换为一个 Copilot 智能体，供最终用户交互使用。要做到这一点，请转到 MCP 菜单并按下"设置 MCP"按钮。

片刻之后，MCP 服务器设置完成，工具菜单出现，其中包含内置工具以及创建自定义工具的功能。

创建自定义工具以获取工作分配

要显示日历 UI 组件，我们必须创建一个自定义工具。设置过程分为两部分：（1）创建一个获取日程数据的工具，（2）设计 UI 组件以可视化展示数据。在 App MCP 菜单上，按下"创建自定义工具"按钮。

将工具命名为"View Daily Schedule By Employee"，并使用描述"此工具以类似日历的可视化方式展示员工的工作分配，帮助经理了解日程安排"。编写好的描述很重要，因为它告诉编排器何时调用该工具。

在指令菜单中使用以下提示和示例数据，如上所示：

应用以下设置，然后按下"测试"按钮：

检查模型响应，确保 JSON 包含下图所示的属性，然后选择"更新工具"按钮：

在 GitHub Copilot CLI 中安装 Power Platform Skills

在下一个屏幕上，有一个空白文本框，要求我们粘贴组件代码。我们必须使用编码智能体在本地机器上创建 UI 组件。目前无法直接生成代码……