wx-server-graphql

GraphQL WX-Cloud-Server Middleware

Installation

npm install --save wx-server-graphql

Server Simple Example

Just mount wx-server-graphql as the /graphql handler:

graphql/index.js

// 云函数入口文件
const cloud = require('wx-server-sdk')
const { graphqlWXServer } = require('wx-server-graphql')
var { buildSchema } = require('graphql')
 
// 使用 GraphQL Schema Language 创建一个 schema
var schema = buildSchema(`
  type Query {
    hello: String
  }
`)
 
// root 提供所有 API 入口端点相应的解析器函数
var root = {
    hello: () => {
        return 'Hello world!'
    },
}
 
cloud.init()
 
// 云函数入口函数
exports.main = async (event, context) =>
    await graphqlWXServer({
        wxParams: event,
        context,
        schema: schema,
        rootValue: root,
    })

Client Simple Example

apolloProvider.js

import React from 'react'
import { ApolloClient } from 'apollo-client'
import { ApolloProvider } from '@apollo/react-hooks'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { ApolloLink, Observable } from 'apollo-link'
 
// 利用link重置apolloClient请求grapql的方式为wx.cloud.callFunction
// 参考文档 https://www.apollographql.com/blog/apollo-link-creating-your-custom-graphql-client-c865be0ce059/
class WXLink extends ApolloLink {
    constructor(options = {}) {
        super()
        this.options = options
    }
    request(operation) {
        return new Observable((observer) => {
            wx.cloud.callFunction({
                name: this.options.name || 'graphql',
                data: operation,
                success: function (res) {
                    observer.next(res)
                    observer.complete()
                },
                fail: observer.error,
            })
        })
    }
}
 
wx.cloud.init({
    env: 'env-id',
})
 
const client = new ApolloClient({
    link: new WXLink({
        name: 'graphql',
    }),
    cache: new InMemoryCache(),
})
 
export const Provider = ({ children }) => (
    <ApolloProvider client={client}>{children}</ApolloProvider>
)