前言
http-link-dataloader 是一个基于 DataLoader 封装的库，旨在优化 GraphQL 查询中对于 REST API 资源的请求，避免过度请求和资源浪费。
安装
npm install http-link-dataloader
使用
在使用 http-link-dataloader 之前，我们需要明确几个概念。
Data Loader
DataLoader 是一个 JavaScript 模块，可以帮助我们实现高效缓存，避免一些多余的数据请求。在 Node.js 平台，它使用 Map 对象缓存数据；在 JavaScript 平台，它使用一个 JavaScript 对象来存储。
Http Link
Http Link 是一个适配器，它可以在 Apollo Client 中使用 WebSocket 协议以外的 HTTP 协议来发送 GraphQL 查询请求。
使用 http-link-dataloader
http-link-dataloader 的使用方式非常简单，只需要遵循以下几个步骤即可。
步骤一：创建 DataLoader 实例
import { DataLoader } from 'http-link-dataloader';
const dataLoader = new DataLoader();步骤二：创建 Http Link 实例
import { HttpLink } from 'apollo-link-http';
const httpLink = new HttpLink({
uri: 'API_ENDPOINT',
});步骤三：初始化 Apollo Client
import ApolloClient from 'apollo-client';
const client = new ApolloClient({
link: dataLoader.getHttpLink(httpLink),
cache: new InMemoryCache(),
});在初始化的时候，我们需要将 http-link-dataloader 中的 getHttpLink 函数作为 link 参数传入。这样，Apollo Client 就会自动将我们发出的 GraphQL 查询请求进行缓存，避免过多的重复请求消耗服务器资源。
示例代码
下面是一个简单的使用示例，帮助我们更好地理解 http-link-dataloader 的使用方式。
-- -------------------- ---- -------
------ - ---------- - ---- -----------------------
------ - -------- - ---- -------------------
------ - ------------- - ---- ------------------------
------ ------------ ---- ----------------
----- ------------ - ---------------------------------
----- -------------------- - -------------------------
----- -------------------- - --------------------
-- -------------
----- ---------- - --- -------------
-- ---- ---- -----
----- -------- - --- ----------
---- -------------
-------- -
-------------- ------- -------------------------
--
---
-- --- ------ ------
----- ------ - --- --------------
----- -------------------------------- ----------------------
------ --- ----------------
---
-- -- ------- --
--------------
------ ----
----- ---------------------- -
------ -
-----
-
------------------- --------- -
----
-
-
--
-------------- -- ---------------------深度学习
http-link-dataloader 的背后是一个非常有意思的技术栈——GraphQL。相较于其他的 API 模式，它具有更好的扩展性和灵活性。通过学习 http-link-dataloader，我们可以更好地认识 GraphQL 所提供的优势，从而更好地将它应用于实际开发中。
指导意义
在实际项目中，我们通常会面临多个不同的后端接口，这些接口可能使用的协议、返回的格式、API 签名等都各不相同。在这种情况下，我们通常需要进行针对性的开发，并且需要维护多个适配器来进行不断的调优和改进。
http-link-dataloader 能够帮助我们优化 GraphQL 查询中对于 REST API 资源的请求，避免过度请求和资源浪费，极大地提升了效率。在使用 http-link-dataloader 之后，我们只需要通过统一的 GraphQL 查询语言来处理数据请求，提高了代码的维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59164