Package Exports

wx-server-graphql

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (wx-server-graphql) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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>
)