Skip to content

渲染器（客户端库）

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

代理 负责生成 A2UI 消息，传输层 负责将消息传递给客户端。客户端渲染器库必须缓冲和处理 A2UI 消息，实现 A2UI 生命周期并渲染表面（小部件）。

您有很大的灵活性，可以将自定义组件引入渲染器，或者构建自己的渲染器以支持您的 UI 组件框架。

可用渲染器

渲染器 平台 状态 链接
Lit (Web Components) Web ✅ 稳定 代码
Angular Web ✅ 稳定 代码
Flutter (GenUI SDK) 移动/桌面/Web ✅ 稳定 文档 · 代码
React Web 🚧 进行中 预计 2026 年第一季度

查看 路线图 了解更多。

渲染器如何工作

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

快速开始

Web Components (Lit):

npm install @a2ui/lit

TODO: 添加快速入门指南

Angular:

npm install @a2ui/angular

TODO: 添加快速入门指南

Flutter:

flutter pub add flutter_genui

TODO: 添加快速入门指南

向渲染器添加自定义组件

TODO: 添加指南

渲染器的主题化或样式化

TODO: 添加指南

构建渲染器

想要为您的平台构建渲染器？

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

关键要求：

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

下一步