在今天的快速发展的 web 开发世界中，能够快速部署强大且可扩展的后端 API 比以往任何时候都更为关键。本指南将引导您使用最新的技术栈构建一个强大的后端 API：Cloudflare Pages、D1 数据库（一种云端数据库）、Next.js 和 Drizzle ORM（一个 ORM 库）。

无论你是经验丰富的开发者，希望优化你的工作流程，还是迫不及待地想要深入现代 web 开发的新手，本教程将为你提供一个清晰且逐步的方法，让你只需几分钟就能创建一个功能完整的后端 API 服务。

在我们开始深入实现之前，让我们快速回顾一下为什么这个特定的技术组合有多么强大：

• Cloudflare Pages：提供无缝部署服务和全球 CDN 分发网络。

• D1 数据库：无缝集成到 Cloudflare 生态系统中的无服务器 SQL 数据库。

• Next.js：一个在前后端开发上都非常出色的React框架。

• Drizzle ORM：轻量级、类型安全的ORM，与D1配合默契。

这个栈不仅提供了强大的功能支持，还大大简化了开发和部署流程。

在我们开始全栈应用开发之旅之前，让我们确保您的开发环境已经准备就绪。以下是你需要的工具和账号（账户）。

1. Cloudflare 账户：如果您还没有的话，请在 Cloudflare 注册一个免费账号。
2. Node.js >=v20.11.0
3. pnpm >=v8.15.4

一旦这些工具准备就绪，我们就需要安装Wrangler命令行工具，这是Cloudflare提供的命令行工具。

在终端中运行以下命令:

npm install -g wrangler

点击全屏切换

安装完成后，使用以下命令登录您的 Cloudflare 账号：

命令：wrangler 登录

进入全屏，退出全屏

这个命令会打开一个浏览器窗口并引导你在Cloudflare上完成认证过程。

你的开发环境已经准备好了，可以开始了！我们将使用一个预配置的模板项目开始下一步，这将大大加快我们的开发速度。接下来，我们继续下一步，克隆项目并开始我们的开发之旅程。

我们将使用来自nextjs-d1-drizzle-cloudflare-pages的模板项目开始。要开始，请点击“使用这个模板”在您自己的仓库中创建该项目。

这是一张图片，点击可以查看。

按照 README 里的说明把项目配置好并部署到 Cloudflare 上。

要这样做：

1. 导航到模板仓库页面
2. 点击页面顶部绿色的“使用此模板”按钮
3. 选择“创建新仓库”选项
4. 配置仓库设置，如名称和描述等
5. 在本地克隆新创建的仓库
6. 按照README中的说明，在Cloudflare上部署您的项目

该模板为你的全栈应用程序提供了坚实的基础，帮助你构建全栈应用，Next.js、D1 数据库和 Drizzle ORM 的所有必需配置都已经预先设置好。这将大大节省你在项目初期配置上的时间和精力。

部署之后，使用一个API调试工具来测试服务是否运行良好。在这里，我用[Apidog]写API文档并调试这个API。

将 Cloudflare Pages 地址作为请求 API 的 URL。

1. 配置全局 API 终端的 Auth 验证

2. 测试创建客户端点的接口，以将数据插入到数据库中。

   设置 API 端点的请求参数

• 利用模拟数据自动生成请求参数
  

4.检查数据是否已成功插入到数据库中
（点击图片查看）

或

恭喜你！你刚刚使用 Cloudflare Pages、D1 Database、Next.js 和 Drizzle ORM 搭建并运行了一个强大的后端 API。这个组合为你提供了一个强大、可扩展且容易维护的 web 开发解决方案，满足你的 web 开发需求。

在您开发应用的过程中，请记得利用 Cloudflare 的全球 CDN 来提升性能，采用合适的缓存策略，并利用 Drizzle ORM 的特性来提高数据库操作的效率。

欢迎在评论区留言提问！我会一一回复你们的问题。

• Apidog
• GitHub 项目仓库
• Cloudflare Pages 文档页面
• D1 数据库文档页面
• Next.js 官方文档
• Drizzle ORM 官方文档