GraphQL 是一个由 Facebook 开发的数据查询语言，可以实现前后端之间的数据通信。Hapi 是一种 Node.js 的 Web 应用程序框架，用于创建可缩放 Web 服务器。本篇文章将介绍如何在 Hapi 框架中使用 GraphQL，并提供示例代码和详细步骤。
安装依赖
首先，需要在项目中安装以下依赖项：
graphql：GraphQL 的 JavaScript 实现hapi-graphql：Hapi 中使用 GraphQL 的插件
使用 npm 进行安装：
--- ------- ------- ------------
编写路由
接下来，需要在 Hapi 中定义一个路由，用于处理 GraphQL 查询请求。示例代码如下：
----- ---- - ----------------
----- - ------------ ------------ - - ------------------------
----- - -------- ----------- - - -------------------
-- -- ------- ------
----- ------ - -------------
---- ----- -
------ ------
-
---
-- -- --------
----- --------- - -
------ -- -- -
------ ------ --------
-
--
-- -------- ------- --
----- ------ - --- --------------
-----------------
------- ------------
-------- -
----- -----------
--------------- - ------- --------- --
------ -
----- ----
-
-
---
-- -- -------- --
-----------------
------- -------------
-------- -
----- ------------
---------------- -
------------ ----------
-
-
---
-- -----
------------------ -- -
-- ----- -
----- ----
-
------------------- ------- -- ---------------------
---这段代码定义了一个 /graphql 路由，用于处理 GraphQL 查询请求，并将响应返回给客户端。同时还定义了一个 /graphiql 路由，用于在浏览器中显示 GraphiQL 界面，以便向服务器发送查询请求。
在以上示例代码中，先定义了一个 GraphQL schema 和 resolver。schema 是一种定义类型和操作的语言，它定义了可以查询哪些字段和如何查询这些字段。resolver 是一个函数，用于执行查询请求并返回结果。在这个示例中，定义了一个查询字段 hello，并设定其返回结果为 Hello World!。
然后，创建了一个 Hapi 服务器，并添加了 hapi-graphql 插件，并指定了 path 和 graphqlOptions，前者指定了 GraphQL 查询的路径，后者指定了 GraphQL schema 和 resolver。route 属性是 Hapi 的路由配置项，用于指定服务器的路由设置。这里设置了 cors: true，以允许不同域名的客户端访问该路由。
最后，添加了一个 graphiqlHapi 插件，用于将 GraphiQL 页面添加到服务器中，并指定了该页面的路径和 GraphQL 查询的路径。
测试 GraphQL 服务
现在可以在浏览器中测试 GraphQL 服务了。打开网址 http://localhost:3000/graphiql，即可以看到一个 GraphiQL 界面。在左侧的查询编辑器中输入以下查询语句：
----- - ----- -
然后按下 Ctrl + Enter 或点击运行按钮即可看到返回结果。
结论
本篇文章介绍了如何在 Hapi 框架中使用 GraphQL，并提供了具体的示例代码和详细步骤。GraphQL 是一个强大的数据查询语言，可以帮助前端和后端之间建立更好的通信，从而提高开发效率和用户体验。如果您正在使用 Hapi 框架进行开发，推荐使用 GraphQL 和 hapi-graphql 插件，以更好地完成项目需求。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671dfa592e7021665ef4d10a