简介
GraphQL 是一个API查询语言和运行时，由Facebook团队开发。它可以让客户端通过自定义请求来精确地获取数据，并可帮助解决RESTful API的一些问题。
Deno 是一种安全的 JavaScript / TypeScript 运行时环境，它可以在无需构建的情况下直接运行 TypeScript 代码。由于 Deno 已经内置了 TypeScript 支持，并且没有 node_modules 的概念，因此可以更简单、更容易管理前端应用程序。
在本篇文章中，我们将介绍在 Deno 中使用 GraphQL 的技巧，并提供有意义的示例代码。
安装依赖
使用 Deno 开发 GraphQL 应用程序，需要安装以下依赖：
graphql：该依赖提供了将 GraphQL 查询解析为 JavaScript 语法树的功能，并提供了创建 GraphQL Schema 和执行 GraphQL 查询的 API。
oak：该依赖提供了用于处理 HTTP 请求和响应的 API。
您可以通过以下命令安装：
deno install -A graphql oak
创建 GraphQL 服务器
接下来，我们将创建一个简单的 GraphQL 服务器。以下是一些注意事项：
我们首先需要定义 Schema，以便客户端可以对服务器发出请求。Schema 是对可传入的查询的解释，以及返回数据的类型定义。
resolver 函数是用来解析查询的函数，它接收查询参数并返回解析结果。
定义 Schema
以下是一个包含用户信息的简单 Schema：
-- -------------------- ---- -------
------ -
------------------
--------------
--------------
-----------
- ---- -------------------------------------
----- -------- - --- -------------------
----- -------
------- -
--- - ----- ---------- --
---------- - ----- ------------- --
--------- - ----- ------------- --
------ - ----- ------------- --
--
---
----- ------------- - --- -------------------
----- ------------
------- -
----- -
----- ---------
----- -
--- - ----- ---------- --
--
--------------- ---- ----- - --- ------ -- -
-- -----------
----- ---- - -
--- --
---------- -------
--------- ------
------ ---------------
--
------ -----
--
--
--
---
------ ----- ------ - --- --------------- ------ ------------- ---创建一个 GraphQL 服务器
现在，我们将创建一个 GraphQL 服务器并将其放在端口 4000 上。服务器将使用上面定义的 Schema 和解析器。
以下是一个简单的示例：
-- -------------------- ---- ------- ------ - ----------- - ---- --------------------------------- ------ - ------------ - ---- ----------------------------------------- ------ - ------ - ---- -------------- ----- --- - --- -------------- --------------------- ------- ------- --------- ----- ---- -------------------- ------ -- --------- -- ------------------------ ----- ------------ ----- ---- ---
在上面的代码中，我们使用 oak_graphql 提供的 graphqlHTTP 中间件来处理 GraphQL 请求和响应。graphiql 选项设置为 true，这允许我们使用 GraphiQL 工具浏览和测试 GraphQL API。最后，将服务器绑定在端口 4000 上。
发送 GraphQL 查询
现在，我们已经设置了 GraphQL 服务器，我们可以开始发送查询并获取数据。以下是在浏览器中使用 fetch 发送查询的示例：
-- -------------------- ---- -------
----- ----- - -
-
-------- -- -
---------
--------
-----
-
-
--
-------------------------------------- -
------- -------
----- ---------------- ----- ---
-------- - --------------- ------------------ --
--
---------------- -- ----------------
------------ -- ------------------
-------------- -- ----------------------在上面的代码中，我们使用 fetch 方法将查询发送到 http://localhost:4000/graphql 端点，然后我们从响应的 JSON 中获取数据。
结论
本文介绍了如何在 Deno 中使用 GraphQL。我们首先安装了必要的依赖项，然后创建了一个 GraphQL 服务器并发送了一些查询。
GraphQL 允许客户端精确地获取需要的数据，同时也可以帮助解决了RESTful API的一些问题。由于 Deno 已经内置了 TypeScipt 支持，因此使用 Deno 可以更加方便快捷地管理前端应用程序。
完整示例代码可以在这里找到：https://github.com/deno-graphql/deno-graphql-tutorial。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67189127ad1e889fe22c81e4