Copilot UX 组件正式发布：将交互式体验引入 Copilot
内容提要
微软随SPFx 1.24正式发布Copilot UX组件，可将仪表板、表单、审批等交互式网页体验直接嵌入Copilot对话，用户无需跳转即可查看数据并完成任务。组件基于MCP Apps模型，支持React等常用Web技术，由Microsoft 365自动托管并内置单点登录，同一套代码可复用于SharePoint、Teams和Outlook。
延伸解读
从“给答案”到“能办事”的交互层
文章强调，Copilot 仅用文字回答往往不够，用户还需要准确数据、明确选项、校验和确认步骤。Copilot UX 组件把仪表板、表单、审批等界面直接放进对话画布，减少在多个门户间跳转和搬运上下文的摩擦。其设计分工是：Copilot 识别意图并调出组件，组件承载业务数据与操作，代码定义复核与确认流程，最终由人确认后再通过 API 提交变更。
复用现有 Web 技能与 SPFx 资产
组件基于 MCP Apps 模型，支持 React、TypeScript 和标准 JavaScript 库，React 只是示例而非强制要求。团队可用现有业务逻辑、API 和前端经验构建体验，同一套 SPFx 代码还可复用于 SharePoint 网页部件、Teams 选项卡和 Outlook。文章还提到，现有 SPFx 解决方案已服务大量组织，这为把既有流程迁移进 Copilot 提供了现实基础。
托管与治理方式决定落地成本
与外部托管的 MCP App 相比，Copilot UX 组件由 Microsoft 365 在客户租户内自动托管和路由，内置单点登录，并沿用 SPFx 部署与治理模型，无需单独搭建 Web 服务器或暴露组件端点。文章同时提醒，连接的业务 API 权限与同意仍需在解决方案中配置；若组件调用按用量计费的 API，可能产生相应费用。
上线范围与许可限制需先确认
该能力随 SPFx 1.24 全球正式发布，但用户需要 Microsoft Copilot 附加许可证，未授权用户不会看到组件渲染。当前支持浏览器和桌面版 Copilot，以及通过 Teams 使用 Copilot 的场景；移动端 Android 和 iOS、新 Copilot 插件模型打包、Cowork 等仍在计划中。已有预览版构建的团队应升级到正式版，迁移到 React 18 的现有解决方案需先测试。
Q&A
Copilot UX 组件是什么？它能做什么？
Copilot UX 组件是随 SharePoint Framework (SPFx) 1.24 正式发布的交互式 Web 体验，可嵌入 Microsoft Copilot 对话画布中。它让用户无需跳转到其他门户或应用，就能在对话中查看仪表板、填写表单、完成审批等任务，例如在对话中打开销售仪表板并筛选数据，或直接提交休假申请。
开发 Copilot UX 组件需要掌握哪些技术？可以用 React 吗？
可以使用熟悉的 Web 技术开发，包括 React、TypeScript 和标准 JavaScript 库，也支持团队偏好的其他框架。组件基于 MCP Apps 模型，提供 Minimal、No framework 或 React 等启动模板，并可使用 npm、常用编辑器以及 Copilot Workbench 进行本地调试和测试。React 出现在大多数示例中，但并非必需。
Copilot UX 组件如何部署？需要自己搭建服务器吗？
不需要自己搭建服务器。SPFx 将代理和组件打包后部署到客户的 Microsoft 365 租户内，平台会自动托管组件的 JavaScript 和 CSS，并自动注册路由，无需暴露或连接端点。组件还内置单点登录（SSO），以登录用户的身份和权限运行，并沿用 SPFx 的部署与治理模型。
Copilot UX 组件和外部托管的 MCP App 有什么区别？
两者都使用 MCP Apps 模型，但外部托管的 MCP App 需要团队自行构建、部署、扩展 Web 应用和端点，并实现身份验证与 SSO；而 Copilot UX 组件由 SPFx 在客户租户内自动托管和注册，内置 SSO，无需单独的外部组件托管服务，也减少了需要审查的基础设施。同一个 SPFx 解决方案包还可部署到多个租户。
使用 Copilot UX 组件需要什么许可证？会产生额外费用吗？
用户需要 Microsoft Copilot 附加许可证才能在 Copilot 中使用 Copilot UX 组件；没有许可证的用户不会看到组件渲染，而是会看到说明许可证要求的消息。使用组件本身不产生基于消费的收费，但如果组件调用了基于消费的 API（如 Work IQ），则可能产生该 API 的费用。
同一套 Copilot UX 组件代码还能用在哪些地方？
同一套 Web 代码可复用于多个 Microsoft 365 表面：在 Copilot 中作为内联或全屏的 UX 组件；在 SharePoint 中作为网页部件；在 Teams 中作为选项卡；在 Outlook 中作为从左侧导航打开的全页应用。这样客户可以复用现有 Web 投资，同时提供多种入口。
Copilot UX 组件目前支持哪些客户端？未来有什么计划？
正式发布时支持浏览器和桌面版的 Microsoft Copilot，也支持通过 Microsoft Teams（浏览器和桌面）使用 Copilot。未来计划包括：支持 Android 和 iOS 移动端；支持用新的 Copilot 插件模型打包代理和组件，使组件可直接出现在标准 Copilot 聊天中；以及支持 Cowork 和更多 Copilot 表面。
