在 Next.js 中使用 mysql2 连接到 TiDB

在 Next.js 中使用 mysql2 连接到 TiDB

TiDB 是一个兼容 MySQL 的数据库，mysql2 是当前流行的开源 Node.js Driver 之一。

本文档将展示如何在 Next.js 中使用 TiDB 和 mysql2 来完成以下任务：

配置你的环境。
使用 mysql2 驱动连接到 TiDB 集群。
构建并运行你的应用程序。你也可以参考示例代码片段，完成基本的 CRUD 操作。

注意

本文档适用于 TiDB Serverless 和本地部署的 TiDB。

前置需求

为了能够顺利完成本教程，你需要提前：

在你的机器上安装 Node.js 18.x 或以上版本。
在你的机器上安装 Git。
准备一个 TiDB 集群。

如果你还没有 TiDB 集群，可以按照以下方式创建：

（推荐方式）参考创建 TiDB Serverless 集群，创建你自己的 TiDB Cloud 集群。
参考部署本地测试 TiDB 集群或部署正式 TiDB 集群，创建本地集群。

运行代码并连接到 TiDB

本小节演示如何运行示例应用程序的代码，并连接到 TiDB。

注意

完整代码及其运行方式，见代码仓库 tidb-nextjs-vercel-quickstart。

第 1 步：克隆示例代码仓库到本地

运行以下命令，将示例代码仓库克隆到本地：

git clone git@github.com:tidb-samples/tidb-nextjs-vercel-quickstart.git
cd tidb-nextjs-vercel-quickstart

第 2 步：安装依赖

运行以下命令，安装示例代码所需要的依赖（包括 mysql2 和 Next.js）：

npm install

第 3 步：配置连接信息

根据不同的 TiDB 部署方式，使用不同的方法连接到 TiDB 集群。

TiDB Serverless
本地部署的 TiDB

在 TiDB Cloud 的 Clusters 页面中，选择你的 TiDB Serverless 集群，进入集群的 Overview 页面。
点击右上角的 Connect 按钮，将会弹出连接对话框。
确认对话框中的选项配置和你的运行环境一致。
- Endpoint Type 为 Public。
- Branch 选择 main。
- Connect With 选择 General。
- Operating System 为运行示例代码所在的操作系统。
注意

在 Node.js 应用程序中，你无需提供 SSL CA 证书，因为在建立 TLS (SSL) 连接时，默认情况下 Node.js 使用内置的 Mozilla CA 证书。
如果你还没有设置密码，点击 Generate Password 按钮生成一个随机的密码。

小贴士

如果你之前已经生成过密码，可以直接使用原密码，或点击 Reset Password 重新生成密码。

运行以下命令，将 .env.example 复制并重命名为 .env：

# Linux
cp .env.example .env

# Windows
Copy-Item ".env.example" -Destination ".env"

编辑 .env 文件，按照如下格式设置连接信息，将占位符 {} 替换为从连接对话框中复制的参数值：

TIDB_HOST='{gateway-region}.aws.tidbcloud.com'
TIDB_PORT='4000'
TIDB_USER='{prefix}.root'
TIDB_PASSWORD='{password}'
TIDB_DB_NAME='test'

保存 .env 文件。

运行以下命令，将 .env.example 复制并重命名为 .env：

# Linux
cp .env.example .env

# Windows
Copy-Item ".env.example" -Destination ".env"

编辑 .env 文件，按照如下格式设置连接信息，将占位符 {} 替换为你的 TiDB 集群的连接参数值：
```
TIDB_HOST='{tidb_server_host}'
TIDB_PORT='4000'
TIDB_USER='root'
TIDB_PASSWORD='{password}'
TIDB_DB_NAME='test'
```
如果你在本地运行 TiDB 集群，默认的主机地址是 127.0.0.1，密码为空。
保存 .env 文件。

第 4 步：运行代码并查看结果

运行示例应用程序：
```
npm run dev
```
打开浏览器，在地址栏输入 http://localhost:3000，访问示例应用程序。请查看你的终端以获取实际的端口号，默认为 3000。
点击 RUN SQL 执行示例代码。

在终端中检查输出。如果输出类似于以下内容，则连接成功：

{
  "results": [
    {
      "Hello World": "Hello World"
    }
  ]
}

示例代码片段

你可参考以下关键代码片段，完成自己的应用开发。

完整代码及其运行方式，见代码仓库 tidb-nextjs-vercel-quickstart。

连接到 TiDB

下面的代码使用环境变量中定义的连接选项来建立与 TiDB 集群的连接。

// src/lib/tidb.js
import mysql from 'mysql2';
let pool = null;
export function connect() {
  return mysql.createPool({
    host: process.env.TIDB_HOST, // TiDB host, for example: {gateway-region}.aws.tidbcloud.com
    port: process.env.TIDB_PORT || 4000, // TiDB port, default: 4000
    user: process.env.TIDB_USER, // TiDB user, for example: {prefix}.root
    password: process.env.TIDB_PASSWORD, // The password of TiDB user.
    database: process.env.TIDB_DATABASE || 'test', // TiDB database name, default: test
    ssl: {
      minVersion: 'TLSv1.2',
      rejectUnauthorized: true,
    },
    connectionLimit: 1, // Setting connectionLimit to "1" in a serverless function environment optimizes resource usage, reduces costs, ensures connection stability, and enables seamless scalability.
    maxIdle: 1, // max idle connections, the default value is the same as `connectionLimit`
    enableKeepAlive: true,
  });
}
export function getPool() {
  if (!pool) {
    pool = createPool();
  }
  return pool;
}

插入数据

下面的查询会创建一条单独的 Player 记录，并返回一个 ResultSetHeader 对象：

const [rsh] = await pool.query('INSERT INTO players (coins, goods) VALUES (?, ?);', [100, 100]);
console.log(rsh.insertId);

更多信息参考插入数据。

查询数据

下面的查询会返回一条 Player 记录，其 ID 为 1：

const [rows] = await pool.query('SELECT id, coins, goods FROM players WHERE id = ?;', [1]);
console.log(rows[0]);

更多信息参考查询数据。

更新数据

下面的查询会将 ID 为 1 的 Player 记录的 coins 和 goods 字段的值分别增加 50：

const [rsh] = await pool.query(
    'UPDATE players SET coins = coins + ?, goods = goods + ? WHERE id = ?;',
    [50, 50, 1]
);
console.log(rsh.affectedRows);

更多信息参考更新数据。

删除数据

下面的查询会删除一条 Player 记录，其 ID 为 1：

const [rsh] = await pool.query('DELETE FROM players WHERE id = ?;', [1]);
console.log(rsh.affectedRows);

更多信息参考删除数据。

注意事项

推荐使用连接池来管理数据库连接，以减少频繁建立和销毁连接所带来的性能开销。
为了避免 SQL 注入的风险，推荐使用预处理语句执行 SQL。
在不涉及大量复杂 SQL 语句的场景下，推荐使用 ORM 框架（例如：Sequelize、TypeORM 或 Prisma）来提升你的开发效率。

下一步

关于使用 ORM 框架和 Next.js 构建复杂应用程序的更多细节，可以参考 tidb-prisma-vercel-demo。
关于 mysql2 的更多使用方法，可以参考 mysql2 的官方文档。
你可以继续阅读开发者文档的其它章节来获取更多 TiDB 应用开发的最佳实践。例如：插入数据，更新数据，删除数据，单表读取，事务，SQL 性能优化等。
如果你更倾向于参与课程进行学习，我们也提供专业的 TiDB 开发者课程支持，并在考试后提供相应的资格认证。

需要帮助?

如果在开发的过程中遇到问题，可以在 AskTUG 上进行提问，或从 PingCAP 官方或 TiDB 社区获取支持。