share_h5/common/wx/jswx.js

import wx from 'weixin-js-sdk'
import sign from './sign.js'

const baseWxUrl = "https://api.weixin.qq.com/cgi-bin"
const appId = "wxe7a47acc00b6aa5d";
const appSecret = "11d94f98e6dd0e09a5b7872fb88fdb91";

const requestFun = ({
  method = 'GET',
  url,
  data
}) => {
  return new Promise((resolve, reject) => {
    uni.request({
      url: baseWxUrl + url, //仅为示例，并非真实接口地址。
      data: data,
      method: method,
      success: (res) => {
        resolve(res.data)
      },
      fail: (err) => {
        console.log('err=>', err)
      }
    });
  })
}
const getWXToken = () => {
  requestFun({
    url: '/token',
    data: {
      grant_type: 'client_credential',
      appid: appId,
      secret: appSecret
    }
  }).then(res => {
    if (res) {
      getWXJSTicket(res)
      uni.setStorage({
        key: 'wx_access_token',
        data: res.access_token
      })
    }
  })
}
const getWXJSTicket = (data) => {
  requestFun({
    url: '/ticket/getticket',
    data: {
      access_token: data.access_token,
      type: 'jsapi',
    }
  }).then(res => {
    if (res && res.errmsg == "ok") {
      uni.setStorage({
        key: 'wx_js_ticket',
        data: res.ticket
      })
      const initData = sign(res.ticket, location.href.split('#')[0])
      initWX(initData)
    }
  })
}
getWXToken()

// 初始化微信配置
const initWX = (data) => {
  wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: appId, // 必填，公众号的唯一标识
    timestamp: data.timestamp, // 必填，生成签名的时间戳
    nonceStr: data.nonceStr, // 必填，生成签名的随机串
    signature: data.signature, // 必填，签名
    jsApiList: ['chooseImage', 'checkJsApi'], // 必填，需要使用的JS接口列表
    openTagList: ['wx-open-launch-app'] // 可选，需要使用的开放标签列表
  });
  wx.ready(function() {
    const openData = {
      jsApiList: ['wx-open-launch-app'],
      success: (success) => {
        console.log('微信开放标签成功---', success)
      },
      fail: (fail) => {
        console.log('微信开放标签失败---', fail)
      }
    }
    wx.checkJsApi(openData)
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
  });
  wx.error(function(error) {
    console.log('error===>>', error)
    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
  });
}