快速迭代，无忧无虑。轻松构建端到端类型安全的 API。

体验 TypeScript 推断的强大功能，提升开发效率
助力您的全栈应用开发。

Star

快速入门

赞助商

29 more

衷心感谢所有优秀的赞助商！

自动类型安全

在服务器端进行更改？TypeScript 会在您保存文件之前警告您客户端上的错误！

快速开发体验

tRPC 没有构建或编译步骤，这意味着没有代码生成、运行时膨胀或构建步骤。

框架无关

兼容所有 JavaScript 框架和运行时。它很容易添加到您现有的项目中。

自动补全

使用 tRPC 就像使用 API 服务器代码的 SDK 一样，让您对端点充满信心。

轻量级包大小

tRPC 没有任何依赖项，并且客户端占用空间很小，使其非常轻便。

开箱即用

我们为 React、Next.js、Express、Fastify、AWS Lambda、Solid、Svelte 等提供适配器。

易于使用，
无与伦比的开发体验

使用 tRPC 快速轻松地构建类型安全的 API。

ts
const t = initTRPC.create();
 
const router = t.router;
const publicProcedure = t.procedure;
 
const appRouter = router({
  greeting: publicProcedure
    .input(z.object({ name: z.string() }))
    .query((opts) => {
      const { input } = opts;
               const input: {
    name: string;
}
 
      return `Hello ${input.name}` as const;
  }),
});
 
export type AppRouter = typeof appRouter;

ts
const t = initTRPC.create();
 
const router = t.router;
const publicProcedure = t.procedure;
 
const appRouter = router({
  greeting: publicProcedure
    .input(z.object({ name: z.string() }))
    .query((opts) => {
      const { input } = opts;
               const input: {
    name: string;
}
 
      return `Hello ${input.name}` as const;
  }),
});
 
export type AppRouter = typeof appRouter;

定义您的过程

创建 tRPC API 的第一步是定义您的过程。

过程是我们用来构建后端的函数。它们是可组合的，可以是查询、变异或订阅。路由器包含多个过程。

在这个过程中，我们使用 Zod 验证器来确保来自客户端的输入完全符合我们的过程预期。我们还将从查询中返回一个简单的文本字符串。

在文件末尾，我们导出路由器的类型，以便我们可以在几分钟内在前端代码中使用它。

ts
const { listen } = createHTTPServer({
  router: appRouter,
});
// The API will now be listening on port 3000!
listen(3000);

ts
const { listen } = createHTTPServer({
  router: appRouter,
});
// The API will now be listening on port 3000!
listen(3000);

创建您的 HTTP 服务器

接下来，我们使用 appRouter 创建 HTTP 服务器。现在我们有一个运行的 tRPC 服务器！

tRPC 拥有许多适配器，可以满足您的需求。Next.js、Express、Fetch API（Astro、Remix、SvelteKit、Cloudflare Workers 等）、Fastify、AWS Lambda 或普通 Node HTTP 服务器。

ts
const trpc = createTRPCClient<AppRouter>({
  links: [
    httpBatchLink({
      url: 'http://localhost:3000',
    }),
  ],
});
 
const res = await trpc.greeting.query({ name: 'John' });
      
const res: `Hello ${string}`

ts
const trpc = createTRPCClient<AppRouter>({
  links: [
    httpBatchLink({
      url: 'http://localhost:3000',
    }),
  ],
});
 
const res = await trpc.greeting.query({ name: 'John' });
      
const res: `Hello ${string}`