Skip to content
📱A GraphQL client for 微信小程序
JavaScript
Branch: master
Clone or download
Latest commit 529e76e Sep 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Update header Jan 5, 2019
.gitignore - 更改全局动态设置header Oct 31, 2018
README.md Update README.md Sep 11, 2019
package.json Update header Jan 5, 2019

README.md

wxapp-graphql

一个适用于小程序的 GraphQL 客户端,由 Authing 开发维护。

使用 NPM 安装

$ npm install wxapp-graphql --save

如何在小程序里使用 NPM,请参考这篇文章

使用

// 引入文件
var gql = require('wxapp-graphql');
var GraphQL = gql.GraphQL;

Page({
  test: function() {

    // 初始化对象
    let gql = GraphQL({
      url: 'https://users.authing.cn/graphql' // url 必填 
    }, true);
    
    // query 查询,mutation 请使用 gql.mutate
    gql.query({
        query: `query getAccessTokenByAppSecret($secret: String!, $clientId: String!){
    getAccessTokenByAppSecret(secret: $secret, clientId: $clientId)
}`,
        variables: {
          secret: '427e24d3b7e289ae9469ab6724dc7ff0',
          clientId: '5a9fa26cf8635a000185528c'
        }
    }).then(function(res) {
      //成功
      console.log(res);
    }).catch(function(error) {
      //失败
      console.log(error);
    });
    
  }
});

发起 mutation 请求

gql.mutate({
  mutation: 'YOUR_GQL',
  variables: 'YOUR_variables'
})

配置全局 header 和错误拦截

var gqlwx = require('../graphql/wxgql');
var GraphQL = gqlwx.GraphQL;

var gql = GraphQL({
    //设置全局 url
    url: 'https://users.authing.cn/graphql', // url 必填

    //设置全居动态 header
    header: function () {
        return {
            // something....
            'X-Test-Header': 'test header content'
        }
    },

    //设置全居错误拦截
    errorHandler: function (res) {
        //do something
    }
  }, true
);

module.exports = gql;

全局详细配置请查看 example.

Get Help

  1. Join us on Gitter: #authing-chat
You can’t perform that action at this time.