# Google 提出三种架构模式，让 A2UI 的声明式原生渲染和 MCP Apps 的 iframe 自定义界面能搭配干活

> 原标题：Google 分享 A2UI 与 MCP Apps 三种集成架构模式

- 来源：AI HOT 精选
- 发布时间：2026-06-17T21:13:53.385Z
- AX AI 日报：https://ai-daily.ax0x.ai/items/38978
- 原文：https://developers.googleblog.com/a2ui-and-mcp-apps

## 摘要

Google 开发者博客分享了三种把 A2UI 和 MCP Apps 结合起来的架构思路。核心逻辑是：标准组件用 A2UI 的 JSON 描述，交给宿主应用原生渲染，避免视觉割裂和性能损耗；只有复杂自定义逻辑才放进 iframe。模式一让 MCP 服务器直接返回 A2UI 的 JSON 数据，完全绕过 iframe，文章用一个食谱应用演示了两个面板都靠...

## 推荐理由

Google 官方博客发了一篇 A2UI 和 MCP Apps 的集成指南，给出了三种架构模式，对做 agent 产品的人直接有用。H 和 K 都打中了——方案有实操性，边界清晰；R 没中，因为这不是身份类内容，传播面会窄一些。单源博客，重要性给 72、放 featured 是合理的。

## 锐评

这篇博客讲的是怎么把两种让 AI 生成界面的方案拼在一起用。A2UI 走的是声明式路线，发一段 JSON 描述界面结构，宿主应用用自己的原生组件渲染出来，好处是性能好、风格统一、安全性也更高。MCP Apps 则是在 iframe 里跑自定义网页，灵活但容易造成视觉割裂和性能损耗。

文章给了三种架构模式，但正文只详细展开了第一种：让 MCP 服务器直接返回 A2UI 的 JSON 数据，完全绕过 iframe。他们用食谱应用做了演示，两个面板都由 A2UI 渲染，数据从 MCP 服务器拉取。另外两种模式只提了名字，没给细节和代码，这点比较遗憾。

团队说在考虑做一个 MCP 扩展来降低接入门槛，目前在 GitHub 上收集反馈。如果这个扩展真落地，对想给 AI 应用加动态界面又不想被 iframe 拖累的开发者会挺实用。但现阶段信息不全，后两种模式到底怎么跑、有什么坑，正文没披露，先别急着全盘照搬。