GraphQL 是一种由 Facebook 开发的数据查询语言和 API 规范。它提供了一种更加高效、强大和灵活的方式来获取和操作数据，并且在前端开发中越来越受到欢迎。而 Hapi.js 是一款 Node.js 的 Web 框架，具有易用性和高度的可扩展性。在本文中，我们将介绍如何使用 Hapi.js 实现 GraphQL API，并且提供一些示例代码和指导意义。
安装
在开始实践之前，我们需要安装一些必要的依赖。首先，我们需要安装 Hapi.js 和 GraphQL 的核心库：
npm install hapi graphql
然后，我们还需要安装一些用于实现 GraphQL API 的插件：
npm install hapi-graphql graphql-tools
实现 GraphQL API
在我们开始实现 GraphQL API 之前，我们需要定义一个 GraphQL Schema。Schema 定义了数据模型和查询方式，用于描述 API 的能力和结构。我们可以使用 GraphQL Tools 来创建和管理 Schema。
-- -------------------- ---- -------
----- - -------------------- - - -------------------------
----- -------- - -
---- ----- -
------ ------
-
--
----- --------- - -
------ -
------ -- -- -------
-
--
----- ------ - ----------------------
---------
---------
---
-------------- - -------在上面的示例中，我们定义了一个名为 Query 的类型，其中包含一个 hello 字段，它返回字符串 'world'。然后，我们使用 makeExecutableSchema 函数将类型定义和解析器组合成一个 GraphQL Schema。
接下来，我们可以使用 Hapi.js 插件 hapi-graphql 将 GraphQL Schema 注册为一个路由处理程序。我们还需要提供一个 GraphQL 上下文对象，其中包含任何我们希望在解析器中使用的数据。
-- -------------------- ---- -------
----- ---- - ----------------
----- - ----------- - - ------------------------
----- ------ - --------------------
----- ------ - --- -------------
----- ----
---
-----------------
------- ------------
-------- -
----- -----------
--------------- --------- -- --
-------
-------- -
----- -----------------------------
-
---
------ -
----- -----
-
-
---
---------------在上面的示例中，我们使用 graphqlHapi 插件将 GraphQL Schema 注册为一个路由处理程序，路径为 /graphql。我们还使用 graphqlOptions 选项提供了一个函数，用于指定 GraphQL 上下文对象。在这个示例中，我们将请求的 JWT 认证信息中的用户信息添加到上下文对象中。
查询数据
现在我们已经实现了一个 GraphQL API，我们可以使用 GraphQL 客户端来查询数据。在这里，我们将使用 graphql-request 库来发送 GraphQL 查询请求。
-- -------------------- ---- -------
----- - ------- - - ---------------------------
----- ----- - -
----- -
-----
-
--
---------------------------------------- ------
---------- -- -------------------------在上面的示例中，我们发送了一个查询请求，查询了 hello 字段的值。然后，我们使用 console.log 输出了查询结果。
结论
在本文中，我们介绍了如何使用 Hapi.js 和 GraphQL 实现一个 GraphQL API。我们还提供了一些示例代码和指导意义，以帮助您更好地理解和使用这些技术。如果您想深入了解 GraphQL 和 Hapi.js，我们建议您查看官方文档和示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673a3672026c11b6ae28160c