Skip to content

渲染器（客户端库）

渲染器将 A2UI JSON 消息转换为不同平台的原生 UI 组件。

智能体负责生成 A2UI 消息， 传输层负责将消息传递到客户端。 客户端渲染器库必须缓冲和处理 A2UI 消息，实现 A2UI 生命周期，并渲染界面（组件）。

你有很大的灵活性，可以为渲染器带来自定义组件，或构建自己的渲染器来支持你的 UI 组件框架。

可用的渲染器

渲染器 平台 状态 链接
Lit (Web Components) Web ✅ 稳定 代码
Angular Web ✅ 稳定 代码
Flutter (GenUI SDK) 移动端/桌面端/Web ✅ 稳定 文档 · 代码
React Web 🚧 进行中 2026 年 Q1 推出

查看路线图了解更多。

渲染器如何工作

A2UI JSON → 渲染器 → 原生组件 → 你的应用
  1. 接收来自传输层的 A2UI 消息
  2. 解析 JSON 并根据模式验证
  3. 使用平台原生组件渲染
  4. 根据你的应用主题样式化

使用渲染器

按照所选渲染器的设置指南开始将 A2UI 集成到你的应用中：

构建渲染器

想为你的平台构建渲染器？

  • 查看路线图了解计划的框架。
  • 查看现有渲染器的模式。
  • 查看我们的渲染器开发指南了解实现渲染器的详细信息。

关键要求：

  • 解析 A2UI JSON 消息，特别是邻接列表格式
  • 将 A2UI 组件映射到原生组件
  • 处理数据绑定、生命周期事件
  • 处理一系列增量 A2UI 消息以构建和更新 UI
  • 支持服务器发起的更新
  • 支持用户操作

下一步