YesApi小白接口 - 微信小程序JS SDK

接口和后台

• 查看小白接口大全
• 进入我的微信小程序管理后台

在线管理后台：

下载

将当前项目里面的YesApi目录，下载到你的微信小程序项目中，放到utils目录内。

配置

进入小白开放平台-个人中心，查看你自己的接口域名、app_key、app_secrect。

然后，复制以下配置，并修改成你的配置，保存到你微信小程序项目根目录下的./app.js配置文件中。

//app.js
App({
  onLaunch: function () {
  },
  globalData: {
    userInfo: null,
    uuid: null,
    token: null,
    yesapi: { // 小白开放平台配置，查看：http://open.yesapi.cn/?r=App/Mine
      api_host: '换成你的', // 接口域名，特别注意，需要使用https协议
      app_key: '换成你的', // app_key
      app_secrect: '换成你的' // app_secrect
    }
  }
})

如果还没有注册小白，可以先免费注册。

微信平台配置

登录微信公众号平台，进入：设置 - 开发设置 - 服务器域名，修改request合法域名，修改为你当前所在的小白开放接口域名。小白开放接口已支持HTTPS访问。如下：

调用小白接口

当前JS SDK包已经封装好了对小白接口的通用请求。

接口签名如下：

/**
 * 通用的接口请求，任何小白接口基本都可通过此方法进行调用，在请求前可先看下本SDK有没已封装好的接口
 * @param string service 小白接口服务名称
 * @param object params 接口参数
 * @param function onSuccess 成功时的回调函数
 * @param function onError 失败时的回调函数
 */
function request(service, params, onSuccess, onError) {
}

参数解释：

• service：小白接口服务名称，例如：App.Wxmini_User.Login，点击查看小白接口大全。
• params：接口参数，使用对象方式传递，例如：{name: 'xxx'}
• onSuccess：成功时的回调函数，例如：function (res) { }
• onError：失败时的回调函数，例如：function (res) { }

请求小白接口，返回的res中会固定有三部分，分别是：

• ret：状态码，200表示成功，其他表示异常
• data：数据部分，根据不同接口而定
• msg：提示信息

引入文件

在你需要调用接口的地方，引入文件，路径根据需要适当调整位置。

import yesapi from '../../utils/YesApi/yesapi.js';

请求示例

  onLoad: function () {

    yesapi.requestAppHelloWorld('Demo', function(res) {
      console.log('如果你看到这句话，说明小白接口请求成功啦~', res)
    }, function (res) {
      console.log('小白接口配置不正确，修改app.js配置文件：', res)
    })
    
  }

运行效果，控制台的输出：

网络请求：

常用接口

微信小程序用户登录：

  onLogin: function (iv, encryptedData) {
    wx.login({ //重新登录
      success(res) {
        if (res.code) {
          //发起网络请求
          //console.log('开始登录', res.code, iv, encryptedData)

          yesapi.requestAppWxmini_UserLogin(res.code, iv, encryptedData, function (res) {
            console.log('微信用户登录：', res)
          })
        } else {
          console.log('登录失败！' + res.errMsg)
        }
      }
    })
  },

上传图片：

  chooseImageAndUpload: function () {
    wx.chooseImage({
      count: 1,
      success: function (res) {
        yesapi.requestAppCDNUploadImg(res.tempFilePaths[0], function (res) {
          console.log('图片上传完毕：', res);
        })
      }
    })
  },

上传文件：

  chooseFileAndUpload: function () {
    wx.chooseMessageFile({
      count: 1,
      success: function (res) {
        console.log('选择的文件：', res)
        yesapi.requestAppCDNUploadOffice(res.tempFiles[0].path, function (res) {
          console.log('文件上传完毕：', res);
        })
      }
    })
  },

获取首页轮播图：

    // 轮播图
    yesapi.requestAppWxmini_AdverGetAdList(10, function (res) {
        console.log('首页轮播图：', res);
    })

创建新订单：

    let trade_type = 'CASH', 
      body = '测试商品', 
      total_fee = 1, 
      openid = 'oes0R5asoorPZSLFyOBom1RrajnM', 
      params = {
        customer_username: '张三',
        customer_mobile: '13800000000',
        customer_address: '广东广州天河',
      }
    
      yesapi.requestAppWxmini_PayCreateOrde(trade_type, body, total_fee, openid, params, function (res) {
        console.log('创建订单：', res)
      })

关注我们

扫码关注小白开放平台微信公众号