feat(init): 初始化demo

linxiaowu66 · linxiaowu66 · commit bc2954cd2e44 · 2019-03-30T17:04:28.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,78 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+node_modules/
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+npm-debug.log
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+webpack-assets.json
+webpack-stats.json
+
+# editor
+.idea/
+.vscode
+
+# eslint
+.DS_Store
+
+# session
+sessions
+
+# dist directory
+static/dist
+docs/swagger-html
+src/server/requests
+src/server/mock-controllers
+docs/swagger.yaml
+docs/html/spec-files/swagger.yaml
+src/server/swagger/definitions.js
+.javadoc/
+
+#.bak
+*.bak
+
+# maven
+~/
diff --git a/README.md b/README.md
@@ -0,0 +1,46 @@
+## demo介绍
+该demo是学习graphql基础的，里面包含了使用基础包graphql-js实现功能，以及apollo-graphql实现功能，以及使用apollo-graphql实现发布订阅功能
+
+## 项目技术栈
+
+1. 使用create-react-app创建前端代码
+
+    1.1 使用apollo全家桶完善一个带有TODO功能的页面
+
+    1.2 使用RR4带有路由功能
+
+    1.3 未使用的功能有：graphql的缓存功能、mock数据的功能、性能的测试
+
+2. 使用apollo-server-express启动服务器
+
+    2.1 使用MongoDB做数据库存储
+
+    2.2 支持数据修改通知功能
+
+    2.3 有playgroundf功能，可以辅助测试接口
+
+    2.4 不具备完整的线上运行要求，只推荐在本地调试使用
+
+
+## 项目启动
+
+graphql-js: `node express-graphql.js`
+
+apollo-graphql(不带订阅功能): `node apollo-graphql.js`
+
+apollo-graphql(带订阅功能):
+
+```
+cd client && npm install && npm run build
+cd server && node apollo-graphql-pubsub.js
+
+```
+
+## 基础知识
+
+为了看懂这3个demo,可以参考我的系列文章:
+
+1. []()
+
+
+2. []()
diff --git a/apollo-graphql.js b/apollo-graphql.js
@@ -0,0 +1,25 @@
+const express = require('express');
+const { ApolloServer, gql } = require('apollo-server-express');
+
+// Construct a schema, using GraphQL schema language
+const typeDefs = gql`
+  type Query {
+    hello: String
+  }
+`;
+
+// Provide resolver functions for your schema fields
+const resolvers = {
+  Query: {
+    hello: () => 'Hello world!',
+  },
+};
+
+const server = new ApolloServer({ typeDefs, resolvers });
+
+const app = express();
+server.applyMiddleware({ app });
+
+app.listen({ port: 4000 }, () =>
+  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`)
+);
diff --git a/client b/client
@@ -0,0 +1 @@
+Subproject commit c0ecc6563f33d2c76d38bb7042e062eaa37bc787
diff --git a/express-graphql.js b/express-graphql.js
@@ -0,0 +1,65 @@
+const express = require('express');
+const graphqlHTTP = require('express-graphql');
+const { buildSchema } = require('graphql');
+
+const fakeDatabase = [];
+
+// Construct a schema, using GraphQL schema language
+const schema = buildSchema(`
+  input MessageInput {
+    content: String
+    author: String
+  }
+
+  type Message {
+    id: ID!
+    content: String
+    author: String
+  }
+  type Query {
+    getMessage(id: ID): [Message]
+  }
+  type Mutation {
+    createMessage(input: MessageInput): Message
+    updateMessage(id: ID!, input: MessageInput): Message
+  }
+`);
+
+// The root provides a resolver function for each API endpoint
+const root = {
+  getMessage: ({id}) => {
+    console.log(id)
+    if (!id) {
+      return fakeDatabase
+    }
+    if (!fakeDatabase[id]) {
+      throw new Error('no message exists with id ' + id);
+    }
+    return [fakeDatabase[id]]
+  },
+  createMessage: function ({input}) {
+    // Create a random id for our "database".
+    var id = require('crypto').randomBytes(10).toString('hex')
+    fakeDatabase.push({ id, ...input });
+
+    return fakeDatabase[fakeDatabase.length - 1]
+  },
+  updateMessage: function({id, input}) {
+    if (!fakeDatabase[id]) {
+      throw new Error('no message exists with id ' + id);
+    }
+    const newInput = { ...fakeDatabase[id], ...input }
+    // This replaces all old data, but some apps might want partial update.
+    fakeDatabase[id] = newInput;
+    return newInput
+  }
+};
+
+const app = express();
+app.use('/graphql', graphqlHTTP({
+  schema: schema,
+  rootValue: root,
+  graphiql: true,
+}));
+app.listen(4000);
+console.log('Running a GraphQL API server at localhost:4000/graphql');
diff --git a/package.json b/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "graphql-todo-demo",
+  "version": "1.0.0",
+  "description": "graphql todo demo with graphql-js & apollo-graphql",
+  "main": "index.js",
+  "scripts": {
+    "start": ""
+  },
+  "keywords": [
+    "graphql",
+    "express",
+    "apollo-graphql"
+  ],
+  "author": "linguang661990@126.com",
+  "license": "MIT",
+  "dependencies": {
+    "apollo-server-express": "^2.4.8",
+    "body-parser": "^1.18.3",
+    "express": "^4.14.1",
+    "express-graphql": "^0.7.1",
+    "graphql": "^14.1.1",
+    "graphql-subscriptions": "^1.0.0",
+    "graphql-tools": "^4.0.4",
+    "merge-graphql-schemas": "^1.5.8",
+    "mongoose": "^5.4.19",
+    "mongoose-unique-validator": "^2.0.2",
+    "ramda": "^0.26.1",
+    "react-apollo": "^2.5.3",
+    "subscriptions-transport-ws": "^0.9.16",
+    "uuid": "^3.3.2"
+  }
+}
diff --git a/process.json b/process.json
@@ -0,0 +1,14 @@
+{
+  "apps": [{
+    "name": "test",
+    "script": "io.js",
+    "cwd": "/Users/linxiaowu/Github/nodejs-rtc-demo",
+    "instances": 6,
+    "exec_mode": "cluster",
+    "watch": false,
+    "env_production": {
+      "NODE_ENV": "production"
+    },
+    "log_date_format": "DD-MM-YYYY HH:MM:ss"
+  }]
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en" data-framework="relay">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>GraphQL • TodoMVC</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/server/apollo-config.js b/server/apollo-config.js
@@ -0,0 +1,32 @@
+const {
+  ApolloServer
+} = require('apollo-server-express')
+const {
+  PubSub,
+} = require('graphql-subscriptions')
+const R = require('ramda')
+const { schema } = require('./graphql')
+const { todolist } = require('./models/TodoList')
+
+const CLIENT_ID = 'linxiaowu66-client-id'
+
+const server = new ApolloServer({
+  schema,
+  context({
+    req
+  }) {
+    return {
+      models: { todolist },
+      clientID: R.path(['headers', CLIENT_ID])(req),
+    }
+  },
+  playground: {
+    endpoint: '/graphql',
+    settings: {
+      'editor.theme': 'light'
+    },
+    subscriptionEndpoint: 'ws://localhost:4000/subscriptions'
+  }
+})
+
+exports.server = server
diff --git a/server/apollo-graphql-pubsub.js b/server/apollo-graphql-pubsub.js
@@ -0,0 +1,43 @@
+const mongo = require('mongoose')
+const path = require('path')
+const { createServer } = require('http')
+const { SubscriptionServer } = require('subscriptions-transport-ws')
+const express = require('express');
+const { execute, subscribe } = require('graphql');
+const { server } = require('./apollo-config')
+const { schema } = require('./graphql')
+require('./env')
+
+const app = express()
+
+server.applyMiddleware({ app })
+
+app.use(express.static(path.join(__dirname, '../client/build'), { maxAge: 86400000 }));
+
+// Create webSocketServer
+const ws = createServer(app)
+
+// Configure params for mongoConnection
+const options = { useNewUrlParser: true, useCreateIndex: true, useFindAndModify: false }
+
+mongo.connect(process.env.URI, options).then(() => {
+  // If connected, then start server
+
+  ws.listen(process.env.PORT, () => {
+    console.log('Server on port', process.env.PORT)
+    console.log('Mongo on port: ', process.env.DBPORT)
+
+    // Set up the WebSocket for handling GraphQL subscriptions
+    new SubscriptionServer({
+      execute,
+      subscribe,
+      schema
+    }, {
+      server: ws,
+      path: '/subscriptions',
+    });
+  });
+
+}).catch(err => {
+  console.log(err)
+})
diff --git a/server/env.js b/server/env.js
@@ -0,0 +1,11 @@
+process.env.PORT = process.env.PORT || 4000 // Port express
+
+// Configuration MongoDB
+process.env.DBNAME = process.env.DBNAME || 'graphql-demo';
+process.env.DBHOST = process.env.DBHOST || 'localhost';
+process.env.DBUSER = process.env.DBUSER || 'user';
+process.env.DBPASS = process.env.DBPASS || '';
+process.env.DBPORT = process.env.DBPORT || 27017;
+
+// For development
+process.env.URI = `mongodb://${process.env.DBHOST}:${process.env.DBPORT}/${process.env.DBNAME}`;
diff --git a/server/graphql/index.js b/server/graphql/index.js
@@ -0,0 +1,11 @@
+const { makeExecutableSchema } = require('graphql-tools')
+const { fileLoader, mergeResolvers, mergeTypes } = require('merge-graphql-schemas')
+const path = require('path')
+
+const resolversArray = fileLoader(path.join(__dirname, './resolvers/'), { recursive: true, extensions: ['.js'] });
+const typesArray = fileLoader(path.join(__dirname, './types/'), { recursive: true, extensions: ['.gql'] });
+const resolvers = mergeResolvers(resolversArray);
+const typeDefs = mergeTypes(typesArray, {all: true});
+const schema = makeExecutableSchema({ typeDefs, resolvers });
+
+exports.schema = schema
diff --git a/server/graphql/resolvers/todo.js b/server/graphql/resolvers/todo.js
diff --git a/server/graphql/types/todo.gql b/server/graphql/types/todo.gql
diff --git a/server/models/TodoList.js b/server/models/TodoList.js
diff --git a/test.txt b/test.txt
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+Subproject commit c0ecc6563f33d2c76d38bb7042e062eaa37bc787`