graphql_demo
A Vue.js project
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run buildGraphql尝鲜
在只学习graphql client端知识的过程中，我们常常需要一个graphql ide来提示graphql语法，以及实现graphql的server端来进行练手。 graphql社区提供了graphiql让我们使用
graphiql (npm)：一个交互式的运行于浏览器中的 GraphQL IDE.
但graphiql提供的live demo基本打不开，难道刚接触graphql就要自己实现graphql的server端？ 好在github用graphql写了一套api，我们可以去这里，登陆后即可体验一把graphql。
关于graphql的基础知识可以去这里看看
graphql client端选择
graphql在前端实现有以下方案。
Relay (github) (npm)：Facebook 的框架，用于构建与 GraphQL 后端交流的 React 应用。
Apollo Client (github)：一个强大的 JavaScript GraphQL 客户端，设计用于与 React、React Native、Angular 2 或者原生 JavaScript 一同工作。
graphql-request：一个简单的弹性的 JavaScript GraphQL 客户端，可以运行于所有的 JavaScript 环境（浏览器，Node.js 和 React Native）—— 基本上是 fetch 的轻度封装。
Lokka：一个简单的 JavaScript GraphQL 客户端，可以运行于所有的 JavaScript 环境 —— 浏览器，Node.js 和 React Native。
nanogql：一个使用模板字符串的小型 GraphQL 客户端库。
从npm download数量上看Apollo Client是最多的，并且Apollo也有服务端 的解决方案，所以这里选择Apollo Client作为graphql的client端 apollo client对于web 框架都有具体的实现，但是我更希望能像axios那样去使用graphql，而不是每套web框架都要去学一下具体实现，那样会折腾死自己。
项目结构如下
.
├── index.html
├── package.json
├── package-lock.json
├── README.md
├── src
│ ├── App.vue
│ ├── graphql // 接口
│ │ ├── search.graphql
│ │ └── index.js // export所有接口
│ ├── main.js
│ └── utils
│ └── graphql.js // 对Apollo-client封装
└── webpack.config.js
run的时候有记得把token换成自己的，因为我的token有可能已经失效。