如果要开发Web应用程序，几乎可以肯定的是，您将不断与数据库进行交互。在本文中，我们将详细介绍5种使用JavaScript与数据库进行交互的方法，我们将讨论每种方法的优缺点。我们将从最低级别的选择（SQL命令）开始，然后过渡到更高级别的抽象。为JavaScript应用程序选择正确的数据库库会对代码的可维护性，可伸缩性和性能产生重大影响，因此值得花一些时间来确定您的选择。
我们的样品申请
我们将使用在Heroku上托管的简单Express应用程序作为示例。
先决条件
要运行示例应用程序，您的计算机上需要以下软件：
· 类似于unix的终端环境（Mac OSX和Linux很好。如果使用Windows，则需要Windows子系统用于Linux）。
· git（和github帐户）。
· npm（版本6或更高版本）。
· Heroku 命令行工具。
如果您还没有Heroku帐户，则需要注册一个免费帐户。如果您不想注册Heroku，也可以针对本地Postgres实例在本地运行该应用程序。如果您对此感到满意，那么应该很容易地看到需要进行哪些更改，而不是将它们部署到Heroku。
安装完以上所有内容后，运行heroku login在终端中，您就可以开始了。
生成和部署Hello World应用程序，首先，我们将设置以下内容：
· 一个简单的Express应用程序，仅提供“ Hello，World”网页。
· 一个Postgres的数据库。
· 两个表，分别代表“用户”和“评论”（一个用户有很多评论）。
· 一些样本数据（在这种情况下，是通过mockaroo.com生成的）。
我已经创建了一个示例应用程序，它将为您进行所有设置（前提是您已运行）heroku login正如刚才提到的。
这将需要几分钟才能完成。在等待时，您可以查看makefile以查看相关命令，这些命令将执行以下操作：
· 创建一个新的Heroku应用程序。
· 添加一个Postgres数据库实例。
· 将应用程序部署到Heroku。在Heroku上运行命令以设置数据库表并导入CSV示例数据。
· 在新的浏览器窗口中打开Heroku应用程序的URL。
在此过程结束时，您应该在网页上看到“ Hello，World”。
使用SQL提取数据
我们都准备好了，我们创建了一个包含两个表和一些示例数据的数据库。但是我们还没有做任何事情。下一步是使我们的Web应用程序能够从数据库检索数据。
每当与关系数据库进行交互时，都可以通过将SQL命令发送到数据库正在侦听的网络套接字来实现。对于我们将在本文中介绍的所有库，都是如此-在最低级别上，它们都将SQL命令发送到数据库并检索返回的所有输出。
因此，我们要考虑的与数据库交互的第一种方法就是执行此操作-发送SQL命令。为此，我们将安装pg JavaScript库，该库使我们可以将SQL发送到Postgres数据库并检索结果。
要安装pg库，请执行以下命令：
npm install pg
这将获取并安装该库，并将其添加到package.json和package-lock.json文件中。让我们提交这些更改：
git add package.json package-lock.json gitcommit -m "Install the pg library"
要与我们的数据库对话，我们需要一些细节：
· Postgres机器的主机名正在运行。
· 网络端口Postgres正在监听。
· 我们的数据所在的数据库的名称。
· 有权访问该数据的用户名和密码。
大多数数据库库将使我们建立连接，方法是向该库提供一个包含所有这些详细信息的键和值的对象，或者将它们全部组合成一个“数据库URL”，这就是我们要做的。
将数据库添加到Heroku应用程序时，会自动获得一个名为DATABASE_URL的环境变量，其中包含连接数据库所需的所有详细信息。您可以通过运行以下命令查看DATABASE_URL的值：
heroku config
这将输出您的应用程序可以使用的所有环境变量。现在应该只有一个，因此您应该在输出中看到类似以下的内容：
DATABASE_URL：
postgres://clqcouauvejtvw:1b079cad50f3ff9b48948f15a7fa52123bc6795b875348d66886407a266c0f5b@ec2-52-73-247-67.compute-1.amazonaws.com:5432/dfb3aad8c026in
在我们的示例中，这种情况如下所示：
{
"hostname": "ec2-52-73-247-67.compute-1.amazonaws.com",
"port": 5432,
"database": "dfb3aad8c026in",
"username": "clqcouauvejtvw",
"password": "1b079cad50f3ff9b48948f15a7fa52123bc6795b875348d66886407a266c0f5b"
}
您的DATABASE_URL值将有所不同，但结构将相同。
现在我们已经安装了pg库，并且知道如何连接到数据库，让我们执行第一个与数据库交互的示例。我们仅获取用户列表并将其显示在我们的网页上。在index.js文件的顶部，我们将需要pg库，并创建一个数据库连接对象。
const { Pool } = require('pg');const conn = new Pool({ connectionString: process.env.DATABASE_URL });
在里面express()块，我们将更改get行以调用一种方法，该方法显示数据库中的用户列表：
.get('/', (req, res) => listUsers(req, res))
最后，我们将实现listUsers函数：
async function listUsers(req, res) {
try {
const db = await conn.connect()
const result = await db.query('SELECT * FROM users');
const results = { users: (result) ? result.rows : null};
res.render('pages/index', results );
db.release();
} catch (err) {
console.error(err);
res.send("Error " + err);
}
}
这段代码会一直等到与我们的数据库建立连接，然后使用查询功能发送SQL查询并检索结果。
现在，由于许多不同的原因，此步骤可能会失败，因此在代码中我们进行测试以确保获得一些数据，如果这样做，我们将result.rows分配给结果对象的关键用户。接下来，我们将结果传递给render函数，然后释放数据库连接。
在views / pages / index.ejs中，我们可以访问结果对象，因此我们可以这样显示用户数据：
<h1>Users</h1>
<ul>
<% users.map((user) => { %>
<li><%= user.id %> - <%= user.first_name %> <%= user.last_name %></li>
<% }); %>
</ul>
您可以在此处查看具有这些更改的代码first_name和last_name是我们数据库的用户表中两列的名称。
让我们部署这些更改，以便可以在Heroku应用程序中查看数据：
git add index.js views/pages/index.ejs
git commit -m "Display a list of users"
git push heroku master
部署将需要一两分钟。该命令执行完毕后，重新加载浏览器，您应该在网页上看到用户列表。
MySQL示例
上面的示例适用于Postgres，但是其他常见关系数据库的代码将相似。例如，如果您使用的是MySQL：
· 代替npm install pg用npm install mysql2 (使用mysql2，而不是mysql-mysql2更快，并且支持async / await)
· 在index.js中，您将需要这样的mysql：
const mysql = require('mysql2/promise');
· listUsers函数如下所示：
async function listUsers(req, res) {
try {
const conn = await mysql.createConnection(process.env.DATABASE_URL);
const [rows, fields] = await conn.execute('SELECT * FROM users');
const results = { 'users': rows };
res.render('pages/index', results );
await conn.end();
} catch (err) {
console.error(err);
res.send("Error " + err);
}
}
views / pages / index.ejs保持不变。您可以在此处查看带有这些更改的示例项目。
我们在这里已经介绍了很多基础知识，但这对于理解所有数据库访问的工作方式都是至关重要的。在下一部分中，我们将看到查询构建器和对象关系建模库如何在此基础上构建，从而使您可以以一种更像使用JavaScript函数和对象的方式来使用代码中的数据库数据。想了解更多关于数据库的信息，请继续关注。
