在前端开发中，我们常常需要在后端数据库中查询数据来渲染页面。而 join-monster 正是一个方便的 npm 包，可以在 GraphQL 查询中对数据库进行联合查询，快速地获取所需数据并完成渲染。本文将介绍 join-monster 并提供使用教程。
什么是 join-monster?
join-monster 是用于在 GraphQL 查询中进行联合查询的 npm 包，它可以帮助我们高效地查询数据库，并将结果返回为 GraphQL 可以直接使用的格式。这就意味着，我们可以用同一 GraphQL 查询中包含多个数据库表的查询条件、聚合和排序，并获取一条数据集作为响应。
join-monster 安装
安装 join-monster 很简单，只需在终端中输入以下命令：
--- ------- ------------ ------
之后就可以在项目代码中使用 join-monster。
join-monster 使用
在使用 join-monster 时，我们需要提供以下关键信息：
- 数据库模型对象模板。这个模板包括了数据库中所有表格的字段值及其关系。
- 查询函数。这个函数接收 GraphQL 查询字符串为参数，并返回 Promise，返回 Promise 的结果是从数据库中检索到的数据。
- resolver 函数。此函数作为完成查询的最后一步，在返回结果之前检查查询结果是否符合规范，并进行必要的转换。
下面，我们将详细说明如何使用 join-monster。
Step 1：在数据模型中定义 GraphQL 字段类型
我们要使用 join-monster，首先需要在数据库模型中定义 GraphQL 字段类型。可以使用 GraphQlScalarType 创建我们数据库中使用的 GraphQL 字段类型。下面是一个定义了 GraphQL 字段类型（DroidConnection) 的简单模板：
----- - ----------------- - - -------------------
----- --------------- - --- -------------------
----- ------------------
---------------- -
------ ------
--
--Step 2：配置 database 拉取联合查询数据
下一步是编写查询数据库的代码。此代码可以使用 Node.js 进行编写。例如，如果我们要构造一个名为 getDroidsData 的函数来拉取我们所需的数据：
----- -------- -------------------- -------- - ----- ---- - ------------- ----- - --------- - - ------ ---------- ----- ------- - ----- --------------------------------- -------------------- ------ -------- -
Step 3:定义 resolver
下一步是定义 resolver 函数。resolver 函数可以检查查询数据并在返回之前转换数据。例如，如果我们希望将数据库中的 snake_case 命名约定转换为 camelCase，可以这样实现解析器：
-------- ---------------- ----- -
----- ------- - ---
------- ----- -- --------
-------- --- ------------- ---------
--- ----- - -------------
-------- -- ----- ---------
---------------------
--- -------- - ---------------------- ------- ------- -- ---------------------
----------------- - -----
- ---- -
-------------- - -----
-
-
------ -------
-Step 4:创建 schema
设置完 resolver 和 database 后，最后一步就是创建 schema 了。schema 中需要包含数据模型中 GraphQL 字段类型、查询方法和解析器字段。这里使用 buildSchema 函数来创建 schema：
----- - ----------- - - -------------------
----- --------------- - ------------------------------
----- ------ - -------------
------ ---------------
---- ----- -
--- ---
----- ------
---------- --------
---------------- ------
-
---- ----- -
----------------- -------- ------------------
-
---
----- --------- - -
---------------- ----------------
------ -
------- ------------- ----- -------- ----- -- -
----- ----- - - ---------- -------------- --
----- ------- - ----- ----------------- ------ -------------- -------- ----------
------ --------
-
-
--
-------------- - - ------- --------- --Step 5：调用 query 和 mutation
完成上述步骤后，就可以在代码中调用查询了。例如，以下代码将查询数据库中 droids 表的所有数据并将其渲染到页面上：
----- -
------ ----------- --- -- --- -
--
----
---------
---------------
-
-对于 mutation，我们可以使用 graphql-tools 来创建并执行带有 resolver 的 schema，示例代码如下：
----- - -------------------- - - -------------------------
----- - ------- --------- - - --------------------
----- ---------------- - ----------------------
--------- -------
---------- ----------
---
----- -------- - -
-------- ----------- ----------- ---- -
--------------------- ---------- -
-------
-
-
--
----- ------ - ----- ------------------------- --------- ----- -------- -----------这就是使用 join-monster 在 GraphQL 中进行联合查询的基本过程。当然，我们还可能需要在代码中进行更复杂的操作。如果需要，可以查看 npm 官方文档中的其他用法说明。
总结
在使用 join-monster 时，我们需要按照特定的步骤执行。首先需要在数据模型中定义 GraphQL 字段类型，然后用 Node.js 编写数据库查询代码，之后定义解析器函数，并创建 schema。最后，我们就可以在代码中调用查询。join-monster 可以帮助我们高效地进行联合查询，并且可以避免频繁的数据库访问。它是一个非常有用的 npm 包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb5a1b5cbfe1ea0611461