介绍
Hapi 框架是一个基于 Node.js 的开源 Web 应用程序框架，它支持插件化的架构，使得开发者可以轻松地扩展和定制应用程序的功能。GraphQL 是一种用于 API 设计的查询语言，它可以让客户端精确地指定需要的数据，从而减少网络传输和提高性能。本文将介绍如何在 Hapi 框架中使用 GraphQL 进行 API 设计。
安装
首先，我们需要安装 Hapi 和相关的插件。可以使用 npm 进行安装：
npm install hapi graphql hapi-graphql --save
这里我们安装了 Hapi、GraphQL 和 hapi-graphql 插件。hapi-graphql 插件是一个 Hapi 插件，它可以将 GraphQL 与 Hapi 集成。
配置
接下来，我们需要在 Hapi 应用程序中配置 hapi-graphql 插件。在 Hapi 应用程序中，我们可以使用 server.register() 方法来配置插件。以下是一个简单的 Hapi 应用程序，它使用 hapi-graphql 插件：
-- -------------------- ---- -------
----- ---- - ----------------
----- - ----------- - - ------------------------
----- - -------------------- - - -------------------------
----- -------- - -
---- ----- -
------ ------
-
--
----- --------- - -
------ -
------ -- -- ------- -------
-
--
----- ------ - ---------------------- --------- --------- ---
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ------------
-------- -
----- -----------
--------------- - ------ --
------ - ----- ---- -
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在这个例子中，我们使用 makeExecutableSchema() 方法创建了一个 GraphQL schema，并将其传递给 graphqlHapi 插件。我们还将 path、graphqlOptions 和 route 选项传递给插件。path 选项指定了 GraphQL API 的路径，graphqlOptions 选项包含了 schema，route 选项启用了跨域资源共享（CORS）。
查询和变更
现在我们已经完成了配置，可以开始编写 GraphQL 查询和变更。以下是一个简单的查询和变更：
-- -------------------- ---- -------
----- -------- - -
---- ----- -
------ ------
------ ------
-------- ----- ----
-
---- -------- -
-------------- -------- ------- --------- ----
-
---- ---- -
--- ---
------ -------
------- -------
-
--
----- ----- - -
- --- ---- ------ ---- ----- -------- ------- --- ----- ----------- --
- --- ---- ------ --- ---- - ------------- ------- ------- ---- --
- --- ---- ------ ------- ------- ------- ------- -
--
----- --------- - -
------ -
------ -- -- ------- --------
------ -- -- ------
----- ------ - -- -- -- --------------- -- ------- --- ---
--
--------- -
-------- ------ - ------ ------ -- -- -
----- ---- - - --- ------------------- - --- ------ ------ --
-----------------
------ -----
-
-
--在这个例子中，我们定义了一个 Book 类型，它包含了 id、title 和 author 字段。我们还定义了一个 Query 类型，它包含了 hello、books 和 book 字段。hello 字段返回了一个字符串，books 字段返回了一个 Book 类型的数组，book 字段接受一个 id 参数，并返回一个 Book 类型的对象。我们还定义了一个 Mutation 类型，它包含了 addBook 字段。addBook 字段接受 title 和 author 参数，并将一个新的 Book 对象添加到 books 数组中。
执行查询和变更
我们可以使用任何支持 GraphQL 的客户端来执行查询和变更。以下是一个使用 fetch() 方法执行查询和变更的例子：
-- -------------------- ---- ------- ----------------- - ------- ------- -------- - --------------- ------------------ -- ----- ---------------- ------ -- ----- -- -- -- --------- -- ----------- ---------- -- ------------------- ----------------- - ------- ------- -------- - --------------- ------------------ -- ----- ---------------- ------ -- ----- - --- ------ ------ - -- -- -- --------- -- ----------- ---------- -- ------------------- ----------------- - ------- ------- -------- - --------------- ------------------ -- ----- ---------------- ------ --------- - -------------- ---- ------- -- --- ----- ------- ----- ---------- - --- ------ ------ - -- -- -- --------- -- ----------- ---------- -- -------------------
在这个例子中，我们使用 fetch() 方法向 /graphql 路径发送了三个不同的请求。第一个请求执行了一个简单的 hello 查询，第二个请求执行了一个查询，返回了 books 数组中的所有 Book 对象，第三个请求执行了一个变更，将一个新的 Book 对象添加到 books 数组中，并返回了这个新的 Book 对象。
结论
在本文中，我们介绍了如何在 Hapi 框架中使用 GraphQL 进行 API 设计。我们安装了 Hapi 和相关的插件，配置了 hapi-graphql 插件，并编写了查询和变更。我们还使用 fetch() 方法执行了查询和变更。希望这篇文章能够帮助你更好地了解如何在 Hapi 中使用 GraphQL。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676233ff856ee0c1d4fe44ff