https://github.com/linxiaowu66/graphql-todo-demo

a todo graphql demo support subscription
https://github.com/linxiaowu66/graphql-todo-demo

demo graphql subscription todo-mvc

Last synced: about 4 hours ago
JSON representation

a todo graphql demo support subscription

• Host: GitHub
• URL: https://github.com/linxiaowu66/graphql-todo-demo
• Owner: linxiaowu66
• Created: 2019-03-28T11:28:40.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-18T07:26:08.000Z (5 months ago)
• Last Synced: 2024-06-19T04:06:32.926Z (5 months ago)
• Topics: demo, graphql, subscription, todo-mvc
• Language: JavaScript
• Size: 1.52 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 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. [GraphQL学习之基础篇](https://blog.5udou.cn/blog/detail/GraphQLXue-Xi-Zhi-Ji-Chu-Pian-99)

2. [GraphQL学习之原理篇](https://blog.5udou.cn/blog/detail/GraphQLXue-Xi-Zhi-Yuan-Li-Pian-64)