GraphQL 学习指南

GraphQL

客户端

｜

119

到 React 客户端应用在 http://localhost:3000 上成功运行。本章的所有代码都可

以在 GitHub 仓库中找到，网址为

http://github.com/moonhighway/learning-graphql

。

配置 Apollo Client

你需要安装几个包，以便使用 Apollo 工具构建 GraphQL 客户端。首先你需要安装

graphql 它包含了 GraphQL 语言解析器。接下来安装 apollo-boost，它包含了创

建 Apollo Client 和发送操作所必需的 Apollo 包。最后我们需要安装 react-apollo，

它是包含了构建 Apollo 用户界面的 React 组件。

译注 1

同时安装这三个包：

npm install graphql apollo-boost react-apollo

现在准备创建我们的客户端。apollo-boost 中的构造函数 ApolloClient 可用于创

建我们的第一个客户端。我们将

src/index.js

文件中的内容替换一下：

import ApolloClient from 'apollo-boost'

const client = new ApolloClient({ uri: 'http://localhost:4000/

graphql' })

我们通过 ApolloClient 构造函数创建了一个新的 client 实例。该 client 已准

备好处理和