介绍
npm 包 @jonwa/apollo 是基于 Apollo GraphQL 的客户端库，用于帮助前端开发者更好地与 GraphQL 后端进行通讯。该库封装了与 Apollo GraphQL 相关的一系列细节，使得开发者只需要关注业务逻辑而不需要过多关注其中的技术实现细节，从而提高开发效率。
安装
在使用 @jonwa/apollo 包前，需要先安装所需的依赖，其中包括以下两个 npm 包：
- apollo-boost：一个能够自适应的依赖注入的 GraphQL 客户端，旨在使使用 GraphQL 更加容易快捷。
- apollo-link-http：Apollo GraphQL 通过 HTTP 与服务器通讯的链接器，使用这个库可以自定义 API 地址和头部并发出 HTTP 请求。
可以使用容易理解，标准的 npm 安装方式进行安装：
npm install --save @jonwa/apollo apollo-boost apollo-link-http
使用
在安装完成以上依赖后，就可以开始使用 @jonwa/apollo 包了。
创建客户端
下面是一个使用 @jonwa/apollo 包的示例代码：
import ApolloClient from '@jonwa/apollo'
const client = new ApolloClient({
uri: 'https://api.graph.cool/simple/v1/cixmkt2ul01q00122mksg82pn', // GraphQL API 地址
})在上述代码中，创建了一个 ApolloClient 的实例，并且传入 uri 属性，该属性中设定了所需请求的 GraphQL API 地址。需要注意的是，这里传入的地址是一个 GraphQL API 的 URI，不是一个普通的 HTTP API 地址。
ApolloClient 实例方法
以下是一些常用的 ApolloClient 实例方法：
query
query 方法用于查询数据。
-- -------------------- ---- -------
--------------
------ ----
-
-------- -
--
----
-
-
--
--mutate
mutate 方法用于修改数据。
-- -------------------- ---- -------
---------------
--------- ----
-------- -
---------------- ------ -
--
----
-
-
--
--subscribe
subscribe 方法用于实时订阅数据。
-- -------------------- ---- -------
------------------
------ ----
------------ -
------- -
--
----
-
-
--
--使用示例
以下是一个完整的使用 @jonwa/apollo 包的示例代码：
-- -------------------- ---- -------
------ ------------ ---- ---------------
------ - --- - ---- --------------
----- ------ - --- --------------
---- -------------------------------------------------------------
--
--------------
------ ----
-
-------- -
--
----
-
-
--
--
---------- -- ------------------
------------ -- ---------------------结语
本文介绍了 npm 包 @jonwa/apollo 的使用方法。通过使用该包，开发者可以更加快捷地与 GraphQL 后端进行通讯。同时，该包封装了许多技术细节，使得开发者能够更加专注于业务逻辑开发。希望本文对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005737b81e8991b448e96bf