feat(shared): 添加graphql模块

docs/graphql.md

@@ -0,0 +1,24 @@
+# Graphql
+
+```
+ng add apollo-angular
+
+npm i --save apollo-client apollo-cache-inmemory apollo-angular-link-http apollo-angular graphql-tag graphql
+```
+
+```
+{
+  ...
+    "lib": [
+      "es2017",
+      "dom",
+      "esnext.asynciterable"
+    ]
+  }
+}
+```
+
+## 参考资源
+
+- https://github.com/apollographql/apollo-angular
+- https://launchpad.graphql.com/

src/app/shared/graphql.module.ts

@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core';
+import { HttpClientModule, HttpHeaders } from '@angular/common/http';
+import { ApolloModule, APOLLO_OPTIONS } from 'apollo-angular';
+import { HttpLinkModule, HttpLink } from 'apollo-angular-link-http';
+import { InMemoryCache } from 'apollo-cache-inmemory';
+
+import { setContext } from 'apollo-link-context';
+import { ApolloLink } from 'apollo-link';
+
+const uri = 'https://api.github.com/graphql';
+
+export function createApollo(httpLink: HttpLink) {
+  const basic = setContext((op, ctx) => ({
+    headers: new HttpHeaders().set('Accept', 'charset=uf-8')
+  }));
+
+  const auth = setContext((operation, ctx) => ({
+    headers: ctx.headers.append(
+      'Authorization',
+      `Bearer 92ad2f89a0eaa8693abdf05d5d4889c70873491b`
+    )
+  }));
+
+  const link = ApolloLink.from([basic, auth, httpLink.create({ uri })]);
+
+  return {
+    link,
+    cache: new InMemoryCache()
+  };
+}
+
+@NgModule({
+  exports: [HttpClientModule, ApolloModule, HttpLinkModule],
+  providers: [
+    {
+      provide: APOLLO_OPTIONS,
+      useFactory: createApollo,
+      deps: [HttpLink]
+    }
+  ]
+})
+export class GraphQLModule {}

tsconfig.json

@@ -14,7 +14,8 @@
     ],
     "lib": [
       "es2017",
-      "dom"
+      "dom",
+      "esnext.asynciterable"
     ]
   }
 }