本文主要介绍如何使用 deltaplus-lokka-transport-http-context 来进行 GraphQL API 的请求，并且通过 http context 实现身份验证。
1. deltaplus-lokka-transport-http-context 简介
deltaplus-lokka-transport-http-context 是一个基于 HTTP 协议的 GraphQL API 客户端工具包，它支持通过 http context 实现身份验证。它基于文本协议 GraphQL，在 Web 上使用时，它的报文是一个查询语言。
deltaplus-lokka-transport-http-context 在官方 Lokka Transport Http 的基础上进行了改进，增加了 http context 的功能，用于用户登录后的认证和后续的请求。
2. 安装和配置 deltaplus-lokka-transport-http-context
安装 deltaplus-lokka-transport-http-context 非常简单，只需要运行下面的命令：
npm i deltaplus-lokka-transport-http-context --save
配置也很简单，先引入 deltaplus-lokka-transport-http-context：
import HttpContext from 'deltaplus-lokka-transport-http-context';
在使用中需要带上 http context 请求头，请求头中的参数如下：
authToken：用户的身份验证令牌。
userId：用户的唯一标识符。
appName：当前应用的名称。
appVersion：当前应用的版本。
在请求时，需要传递请求的 Graphql query、mutation 以及需要的 http context 请求头。示例代码如下：
-- -------------------- ---- ------- ----- ------ - --- ------- ---------- --- -------------------------------------------- --- ----- ------- - - ---------- --------------- ------- ------------ -------- ------------- ----------- --------------- -- --------------- ------ - -- ----- - --- ----- ---------------------- -- - -------------------- ---
在这里，我们可以看到，我们使用了 deltaplus-lokka-transport-http-context 来发出 GraphQL 请求，并传递了 http context 请求头。
3. deltaplus-lokka-transport-http-context 的作用
deltaplus-lokka-transport-http-context 提供了一个方便的方法来发出 GraphQL 请求，并且在请求时可以自动带上 http context 请求头，实现了对 GraphQL API 的访问认证。
4. 结论
现在，你已经学习了如何使用 deltaplus-lokka-transport-http-context 来发出 GraphQL 请求并自动带上 http context 请求头实现了对 GraphQL API 的访问认证。
deltaplus-lokka-transport-http-context 是一个优秀的 npm 包，它能够大大简化和加速我们在 Web 开发中的 GraphQL 请求和身份认证，帮助我们更好地完成我们的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560a981e8991b448dee76