123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- 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可以在这里更新签名。
- });
- }
|