Proto 字段整理 · 本地生成 · 联调草稿

.proto 转序列化代码

Q: 会上传 .proto 定义吗？

不会。解析和生成都在浏览器本地完成。

Q: 适合拿来做前端类型初始化吗？

适合。这正是当前版本最实用的场景之一。

在线把 `.proto` message 字段定义转换成 TypeScript 序列化辅助代码和 JSON 示例，适合接口联调、字段映射和结构整理。

开始使用返回AI工具

从 message 直接产出代码草稿

把 `.proto` 里的字段定义快速变成 TypeScript 类型、默认载荷工厂和 JSON 示例，适合联调前先起结构。

支持本地切换输出目标

可以在 TypeScript 辅助代码和 JSON 示例之间切换，适合文档整理和接口字段确认。

浏览器本地处理

输入的 `.proto` 定义只在浏览器里解析，不会上传服务器，适合先处理内部接口结构。

浏览器本地生成

把 .proto 字段转成序列化辅助代码

当前版本优先生成 TypeScript 类型、默认载荷工厂和 JSON 示例，适合接口联调、结构定义整理和字段映射草稿输出。

输出目标

.proto 定义174 字符 / 9 行 / 174 字节

TypeScript 输出771 字符 / 28 行 / 771 字节

export interface UserProfile {
  id: number;
  nickname: string;
  tags: string[];
  enabled: boolean;
  created_at: string;
}

export function createUserProfilePayload(input: Partial<UserProfile> = {}): UserProfile {
  return {
    id: input.id ?? 0,
    nickname: input.nickname ?? "",
    tags: input.tags ?? [],
    enabled: input.enabled ?? false,
    created_at: input.created_at ?? "",
  };
}

export function parseUserProfilePayload(payload: Record<string, unknown>): UserProfile {
  return {
    id: Number(payload.id ?? 0),
    nickname: String(payload.nickname ?? ""),
    tags: (Array.isArray(payload.tags) ? payload.tags : []).map((item) => String(item ?? "")),
    enabled: Boolean(payload.enabled),
    created_at: String(payload.created_at ?? ""),
  };
}

识别 message 数

识别字段数

当前输出

TS 序列化辅助

当前按浏览器本地生成 TypeScript / JSON 序列化辅助代码，不会上传 .proto 定义。

当前支持

支持常见标量类型、`repeated` 数组和自定义消息引用。

复杂 `oneof`、嵌套 `message`、真正的 protobuf 二进制编解码仍建议手工复核。

这页更适合先把 `.proto` 结构转成前端联调和文档整理能直接用的代码草稿，不直接替代正式的 protobuf 生成器链路。

工具使用说明