跳至主要内容
版本:11.x

入门

快速了解 tRPC

要快速了解 tRPC 概念的视频概述,请查看以下视频

试用 tRPC

在在线 REPL 中试用 tRPC 的最快方法。以下是一些您可以尝试的选项

  • 最小示例 - 一个最小的 Node.js http 服务器,以及一个在服务器上调用函数并将请求记录到控制台的客户端。
  • 最小 Next.js 示例 - 使用 tRPC 的最小的 Next.js 应用。它有一个返回字符串的单一端点,以及一个调用该端点并显示结果的页面。

如果您更喜欢在本地环境中开始,您可以使用我们的 示例应用 作为您可以本地实验的入门项目。

使用 tRPC

“使用 tRPC”对不同的人意味着不同的事情。本页面的目标是根据您的目标引导您找到合适的资源。

在现有的 tRPC 项目中提高效率

创建新项目

由于 tRPC 可以存在于许多不同的框架中,因此您首先需要决定要在哪里使用它。

在后端,有针对各种框架以及原生 Node.js 的 适配器。在前端,您可以使用我们的 ReactNext.js 集成,针对各种其他框架的 第三方集成,或 Vanilla Client,它可以在任何 JavaScript 运行的地方工作。

选择好您的技术栈后,您可以使用 模板 构建您的应用,或者使用您选择的后台和前端集成的文档从头开始。

将 tRPC 添加到现有项目

将 tRPC 添加到现有项目与开始新项目没有太大区别,因此相同的资源适用。主要挑战是,您可能难以知道如何将 tRPC 与现有应用程序集成。以下是一些提示

  • 您不需要将所有现有的后端逻辑移植到 tRPC。常见的迁移策略是最初只对新的端点使用 tRPC,然后才将现有的端点迁移到 tRPC。
  • 如果您不确定从哪里开始,请查看您后端 适配器 和前端实现的文档,以及 示例应用
  • 如果您想了解 tRPC 在更大代码库中的样子,可以在 使用 tRPC 的开源项目 中找到一些示例。

加入我们的社区

加入我们 tRPC Discord,分享您的经验,提出问题,并从社区获得帮助!