随着前端技术的不断发展，越来越多的应用采用了前后端分离的架构方式，前端负责 UI 和交互，后端则负责数据的处理和存储。GraphQL 成为了一个热门的 API 查询语言，它可以帮助我们快速、灵活地查询和修改数据。本文将介绍如何在 Hapi 应用中使用 GraphQL 实现数据的查询和修改。
GraphQL 简介
GraphQL 是由 Facebook 开发的一种API 查询语言，用于描述前端应用所需的数据，并由后端负责提供这些数据。GraphQL 允许客户端在查询过程中指定所需数据的结构和种类，从而减少传输的数据量，并且提高了数据响应速度。
GraphQL 的查询语言基于模型化的查询语言，与 RESTful API 不同，GraphQL 不是请求特定的资源，而是具体指定需要的数据，从而节省了额外的网络请求和带宽。
Hapi 简介
Hapi 是 Node.js 的一个稳定、可靠、强大的服务端框架，它提供了一系列工具和插件，帮助我们轻松构建高质量的 Web 应用。Hapi 支持异步控制流，路由和验证，数据缓存和分页，故障检测和故障处理等一系列功能。Hapi 的插件生态系统是丰富的，可以满足大多数 Web 应用开发的需求。
在 Hapi 中使用 GraphQL
Hapi 中有许多插件可用于实现 GraphQL API 查询，其中最受欢迎的插件是 hapi-graphql。下面我们将介绍如何在 Hapi 应用中使用 hapi-graphql，实现数据查询和修改。
安装 hapi-graphql
在开始之前，我们需要安装 hapi-graphql 插件。可以通过 npm 命令行工具进行安装：
npm install --save hapi-graphql graphql
定义 GraphQL 模型
在使用 GraphQL 前，需要定义一个模型。模型描述了客户端可以查询和修改的数据。在 Hapi 中，可以使用 graphql-tools 工具定义一个模式。
-- -------------------- ---- -------
----- - -------------------- - - ------------------------
----- -------- - -
---- ---- -
--- ---
------ -------
------- -------
-
---- ----- -
-------- ----- ----
------------ ------- ------- -------- ------
-
---- -------- -
----------------- -------- ------- --------- -----
-------------- ---- ------ -------- ------- --------- -----
-
-
----- --------- - -
------ -
----- ----- ----- ----- -- -
----- ---- - ----- -----------------
------ ----
--
------ ----- ----- ------- -------- -- -
----- ----- - --
-- ------- -
----------- - -----
-
-- -------- -
------------ - ------
-
----- ----- - ----- ----------------
------ -----
-
--
--------- -
----------- ----- ----- ------- -------- -- -
----- ---- - --- ------------ --------
----- -----------
------ ----
--
----------- ----- ----- ---- ------ -------- -- -
----- ---- - ----- -----------------
---------- - -----
----------- - ------
----- -----------
------ ----
-
-
-
----- ------ - ------------------------------- -----------其中，typeDefs 定义了一个 Book 类型，包含 id、title 和 author 字段。Query 类型包含了两个查询：book 和 books，Mutation 类型包含了两个操作：createBook 和 updateBook。resolvers 中介绍了各种操作的实现方式。
启用 GraphQL API
我们需要在 Hapi 中启用 GraphQL API。可以在路由中定义一个字段，并处理 GraphQL 查询。
-- -------------------- ---- -------
----- ---- - ---------------------
----- - ----------- - - -----------------------------
----- - ------ - - -------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
--
--------------
------- -------
----- -----------
-------- --------- -- -- -
----- - ------ --------- - - ---------------
------ -------------
-------
------
---------
----------- --
-
--
----- --------------
------------------- ------- -- --------------------
-
------上面代码中的路由处理来自 POST 请求的 GraphQL 查询，并将其传递给 graphqlHapi 函数处理。graphqlHapi 函数会将查询传递给 GraphQL 实现。schema 对象包含了我们定义的 GraphQL 模式。
使用 GraphQL
现在我们可以使用 GraphQL 来接收、查询和更改数据。可以使用 curl 命令测试我们的 GraphQL 服务器。例如，要查询图书的标题和作者，请运行以下命令：
curl \
-X POST \
-H 'Content-Type: application/json' \
--data '{ "query": "{ books { title, author } }" }' \
'http://localhost:3000/graphql'要创建新的图书，请运行以下命令：
curl \
-X POST \
-H 'Content-Type: application/json' \
--data '{ "query": "mutation createBook { createBook(title: \"The Hitchhiker's Guide to the Galaxy\", author: \"Douglas Adams\") { id, title, author } } }" }' \
'http://localhost:3000/graphql'结论
本文介绍了如何在 Hapi 应用中使用 hapi-graphql 实现数据查询和修改。GraphQL 提供了一种快速、灵活且高效的 API 查询语言。hapi-graphql 是一种流行的方式，在 Hapi 应用中实现 GraphQL API。下一步，您可以使用它来构建高效的前端应用程序，并享受 GraphQL 所带来的众多优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674c3a6fa336082f253d3a5e