跳到主要内容
uencoder
数据转换 进阶 1 个步骤

生成 TypeScript 类型与 JSON Schema

收到示例 API 响应并需要前端 TypeScript 类型和运行时验证的 JSON Schema 时,此链从同一源生成两者。第一个节点生成 TS 接口;第二个节点生成 JSON Schema。保持两者同步以避免编译时与运行时检查的漂移。

解决的问题

从示例 JSON 派生 TypeScript 接口和 JSON Schema,实现端到端类型安全。

输入 → 输出

JSON 转 TypeScript 输入 → JSON 转 TypeScript 输出 ,共 1 个步骤。

运行耗时

1–2 分钟 · 完全在浏览器本地运行。

开始之前

  • 有代表性的 JSON 示例对象

管道

  1. 从 JSON 推断 TypeScript 接口。免费、隐私本地化、100% 客户端运行。

在工具链中打开

在浏览器本地运行。配方仅定义管道——您的输入绝不离开此标签页。

▶运行此工作流

在下方输入数据并点击运行。所有处理均在浏览器本地完成 — 不会上传任何内容。

管道进度

  1. JSON 转 TypeScriptjson-to-ts

示例输入

{"id":1,"name":"Alice","email":"[email protected]"}

预期输出

interface Result {
  id: number;
  name: string;
  email: string;
}

此输入输出对在构建期用真实工具执行(tests/unit/recipes.test.ts)——预期输出经过验证,非示意。

相关工作流

您可能还需要

与此配方共享工具或主题的工作流。

使用的工具