GraphQL 是一种新型的 API 查询语言，它可以在前端应用程序和后端服务之间进行数据传输。相比于 RESTful API，GraphQL 更加灵活，能够提供更加精细的数据查询和控制。MariaDB 是一个开源的关系型数据库，可以为您的应用程序提供可靠的数据存储和处理。
在本文中，我们将重点讨论如何将 GraphQL 与 MariaDB 集成并使用它们来构建前端应用程序。我们还将提供一些示例代码，帮助您更好地理解这些概念及其实现方法。
准备工作
在开始之前，您需要做一些准备工作。首先，您需要安装 Node.js 和 npm。您可以在 Node.js 官网上下载 Node.js，并在安装该软件之后使用 npm 安装依赖包。
您还需要安装 MariaDB。您可以从其官网下载并安装 MariaDB。如果您使用的是 Windows 操作系统，则可以从该页面下载 MariaDB 安装程序。
在安装了 Node.js 和 MariaDB 之后，您可以使用以下命令在您的项目目录中初始化 npm：
npm init
安装依赖
接下来，您需要安装 GraphQL 和 MariaDB 驱动程序。您可以在终端中使用以下命令来执行此操作：
npm install graphql mariadb
这将安装相关的依赖项，并将其添加到项目的 package.json 文件中。
MariaDB 配置
在开始使用 GraphQL 和 MariaDB 之前，您需要配置 MariaDB。要执行此操作，您需要打开命令行并连接到 MariaDB。您可以使用以下命令连接到 MariaDB：
mysql -u root -p
接下来，您需要将数据库和表格创建在 MariaDB 中。您可以使用以下代码创建名为 customers 的数据库和 customer 表：
-- -------------------- ---- -------
------ -------- ----------
--- ----------
------ ----- -------- -
-- --- ------- --- ---------------
--------- -------------
-------- -------------
----- -------------
------- ------------
--创建 GraphQL 服务器
要使用 GraphQL 和 MariaDB，您需要创建一个 GraphQL 服务器。在这里，我们使用 graphql-yoga 作为我们的 GraphQL 服务器。graphql-yoga 是一个具有 Express 风格 API 的库，它使用 GraphQL。
在创建 GraphQL 服务器之前，您需要创建一个 index.js 文件。在该文件中，您需要导入 graphql-yoga、MariaDB 驱动程序和一些其他库。您的 index.js 文件应如下所示：
-- -------------------- ---- -------
----- - ------------- - - ------------------------
----- ------- - -------------------
----- ------ - ------------------
----------------
----- ---- - --------------------
----- --------------------
----- --------------------
--------- --------------------
--------- --------------------
---
----- -------- - -
---- ----- -
---------- ----------
-
---- -------- -
--- ----
---------- -------
--------- -------
------ -------
-------- -------
-
--
----- --------- - -
------ -
---------- ----- -- -- -
--- -----
--- -----
--- -
---- - ----- ---------------------
---- - ----- ------------------ - ---- -----------
- ----- ----- -
-----------------
- ------- -
-- ------ ---------------
-
------ -----
--
--
--
----- ------ - --- --------------- --------- --------- ---
--------------- -- ------------------- -- ------- -- -------------------------在上面的示例中，我们首先导入 graphql-yoga、MariaDB 驱动程序和 dotenv 库。dotenv 库用于从 .env 文件中加载环境变量。然后，我们使用 mariadb.createPool() 方法创建 Mariadb 连接池，该方法接受数据库连接的参数。
接下来，我们定义了一些 GraphQL 类型。在这里，我们只定义了一个查询类型和一个客户类型。customers 查询类型表示从数据库获取所有客户的列表，而客户类型表示客户对象的数据结构。
最后，我们创建了一个服务器实例，并使用 server.start() 方法启动了它。
运行 GraphQL 服务器
要运行服务器，请在终端中使用以下命令：
node index.js
现在，您可以在浏览器中导航到 http://localhost:4000，并访问 GraphiQL。在 GraphiQL 中，您可以尝试运行自己的查询，例如：
query {
customers {
firstname
lastname
email
address
}
}这将从数据库中获取所有客户，并将其数据返回到 GraphiQL 页面。
结论
在本文中，我们介绍了如何将 GraphQL 与 MariaDB 集成，并使用它们来构建前端应用程序。我们还提供了一些示例代码，帮助您更好地理解这些概念及其实现方法。
如果您是一位前端开发人员，那么学习和使用 GraphQL 和 MariaDB 集成是非常重要的一步。GraphQL 可以帮助您更好地控制您的应用程序的数据查询，而 MariaDB 可以为您提供一个可靠的数据存储方式。如果您还没有尝试过这些技术，请立即开始学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6776519c6d66e0f9aa1e8c1f