这里的播放页面是不含播放器的，主要是为了用GraphQL
    index.js

    1. const fs = require('fs');
    2. const app = new (require('koa'));
    3. const mount = require('koa-mount');
    4. const static = require('koa-static');
    5. const graphqlHTTP = require('koa-graphql');
    8. app.use(
    9.     // 给koa-graphql传一个graphql的协议文件，就会自动帮你生成graphql-api
    10.     mount('/api', graphqlHTTP({
    11.         schema: require('./schema')
    12.     }))
    14. )
    16. app.use(
    17.     mount('/static', static(`${__dirname}/source/static`))
    18. )
    20. app.use(
    21.     mount('/', async (ctx) => {
    22.         ctx.status = 200;
    24.         ctx.body = fs.readFileSync(`${__dirname}/source/index.htm`, 'utf-8')
    25.     })
    26. )
    28. // module.exports = app;
    29. app.listen(3000)

    schema.js

    1. const { graphql, buildSchema } = require('graphql')
    2. const mockDatabase = require('./mock-database') // 假数据，是个array
    4. const schema = buildSchema(`
    5.     type Comment {
    6.         id: Int
    7.         avatar: String
    8.         name: String
    9.         isTop: Boolean
    10.         content: String
    11.         publishDate: String
    12.         commentNum: Int
    13.         praiseNum: Int
    14.     }
    15.     type Query {
    16.         comment: [Comment]
    17.     }
    18.     type Mutation {
    19.         praise(id: Int): Int
    20.     }
    21. `)
    23. schema.getQueryType().getFields().comment.resolve = () => {
    24.     return Object.keys(mockDatabase).map(key=> {
    25.         return mockDatabase[key];
    26.     })
    27. }
    29. // Mutation处理
    30. schema.getMutationType().getFields().praise.resolve = (args0, { id }) => {
    31.     mockDatabase[id].praiseNum++;
    33.     return mockDatabase[id].praiseNum
    34. }
    36. module.exports = schema;

    静态文件部分代码省略了。

    点击“点赞发起的请求”：

    1. fetch("./api", {
    2.   method: "POST",
    3.   headers: {
    4.     'content-type': 'application/json'
    5.   },
    6.   body: JSON.stringify({
    7.     "query": "mutation { praise(id: " + $bindtarget.getAttribute("data-id") + ") }"
    8.   })
    9. }).then(res => res.json())
    10.   .then(res => {
    11.     $bindtarget.querySelector('span').innerHTML = res.data.praise
    12.   })

    发起的请求的参数是：mutation { praise(id)}