# @copilotkit/mcp-apps-renderer 中文文档

规范地址：https://npmcn.com/package/%40copilotkit/mcp-apps-renderer/

版本：1\.86\.0
npm 元数据更新时间：2026-11-11T06:09:50.352Z
中文译文更新时间：2026-11-11T06:13:33.459Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40copilotkit/mcp-apps-renderer
原文对照：https://npmcn.com/package/%40copilotkit/mcp-apps-renderer/?lang=original
项目主页：https://github.com/CopilotKit/CopilotKit
源码仓库：https://github.com/CopilotKit/CopilotKit

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：542 kB，47 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：3 个
- peer 依赖：zod \>=3\.25，@ag-ui/client \>=0\.0\.59
- 首次发布：2026-09-14T23:14:07.135Z
- 最新版本发布：2026-11-11T06:09:50.015Z
- 近 30 天下载量：1013634（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：75（近 12 个月 75 个）

## 中文简介

框架不可知的MCP CopilotKit - app <>host 协议(ext-apps AppBridge),沙盒代理,以及React,Vue和Angular前端所消耗的共享渲染器的 Apps主机

## 安装

```sh
npm install @copilotkit/mcp-apps-renderer
```

也可以使用：`pnpm add @copilotkit/mcp-apps-renderer`、`yarn add @copilotkit/mcp-apps-renderer`、`bun add @copilotkit/mcp-apps-renderer`

## README

# @ copilotkit/ mcp- apps- landerser (英语)

框架不可知的MCP 副驾驶 Kit 的 Apps 主机: 顶部的 AppQQhost 协议 [`@modelcontextprotocol/ext-apps`](https://www.npmjs.com/package/@modelcontextprotocol/ext-apps) (AppBridge + PostMessage 传输,沙盒代理,每行请求队列,, `ui/message` 编号 : `ui/open-link` 编号 : `tools/call` 代理,工具输入/结果转发, `ui/request-display-mode`) (中文(简体) ). 反应 / Vue / Angular 渲染器将它消耗为稀薄 适配器:它们创建了沙盒iframe和电线反应状态,而所有 协议逻辑存在 `bindMcpApp`。 。 。 .

## 入境点

| 导入 | 目录 | 套装 |
| --- | --- | --- |
| `@copilotkit/mcp-apps-renderer` | `bindMcpApp` + 全会话 API | **仅限无害环境管理** ——它包接了仅限无害环境管理的ex-apps桥,意在通过动态加载而懒散地加载 `import()`。 。 。 . |
| `@copilotkit/mcp-apps-renderer/activity` | `MCPAppsActivityType`, (中文(简体) ), `MCPAppsActivityContentSchema`, (中文(简体) ), `ɵrunMcpFollowUp` | 无害环境管理+CJS。 无桥:导入它来注册活动 **没有** 拉出应用程序捆绑. |

其根源是: `@modelcontextprotocol/ext-apps` 仅限船舶无害环境管理, 因此,一个共同的JS根会发出一个 `require()` 并失败 `ERR_REQUIRE_ESM`组合 `bindMcpApp` 通过动态 `import()` (解决) 从任何模块系统中导入无害环境管理,并导入无桥 `/activity` 表面为 同步活动注册.

## 脚本tag / UMD 用途

这个包还装了无桥的UMD建筑 `/activity` 条目 : `dist/activity.umd.js`,它定义了全球 `CopilotKitMcpAppsRendererActivity`。 。 。 .

`@copilotkit/react-core`UMD 创建全球参考( 它外部化 ) `@copilotkit/mcp-apps-renderer/activity` 用于注册内置的 MCP Apps 活动). **因此,反应核心UMD的脚本-tag消费者必须加载 `activity.umd.js` 在此之前 `@copilotkit/react-core`的UMD 捆绑**,与 它所依赖的其他UMD Globals(反应, `CopilotKitCore`, (中文(简体) ), `CopilotKitA2UIRenderer`, . : (中文(简体) )

```html
<!-- ...React, @copilotkit/core, @copilotkit/a2ui-renderer, etc. first... -->
<script src="https://unpkg.com/@copilotkit/mcp-apps-renderer/dist/activity.umd.js"></script>
<script src="https://unpkg.com/@copilotkit/react-core/dist/index.umd.js"></script>
```

只有无桥梁 `/activity` 平面有 UMD 构建;ex-apps 桥 本身(`bindMcpApp`) 以懒散方式通过 `import()` 而不属于UMD 图表,所以它只在MCP App实际被渲染时才加载.

## 常见问题

### @copilotkit/mcp-apps-renderer 是什么？

框架不可知的MCP CopilotKit - app \<\>host 协议\(ext-apps AppBridge\),沙盒代理,以及React,Vue和Angular前端所消耗的共享渲染器的 Apps主机

### 如何安装 @copilotkit/mcp-apps-renderer？

在项目目录运行 npm install @copilotkit/mcp-apps-renderer，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：zod（\>=3\.25）、@ag-ui/client（\>=0\.0\.59）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @copilotkit/mcp-apps-renderer 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @copilotkit/mcp-apps-renderer 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @copilotkit/mcp-apps-renderer 可以商用吗？

@copilotkit/mcp-apps-renderer 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @copilotkit/mcp-apps-renderer 的下载量有多少？

根据 npm 官方下载统计，@copilotkit/mcp-apps-renderer 在 2026/10/11 – 2026/11/09 这 30 天内被下载 1,013,634 次，日均约 33,788 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @copilotkit/mcp-apps-renderer 还在维护吗？

最新版本 1\.86\.0 发布于 2026/11/11（今天）；至今共发布 75 个版本，其中过去 12 个月发布了 75 个；首次发布于 2026/09/15。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。