移动端H5调用微信Api

564 阅读1分钟
  • 安装依赖(微信 JSSDK)

    使用yarn:yarn add jweixin-module

    使用npm:npm install jweixin-module

  • 调用后端接口拿到签名、时间戳等(用来做微信鉴权)

import wxapi from "jweixin-module";//引入

const res = await cloud.getJSSDKSignature({url: '要签名的网页 URL'})

wxapi.config({
  debug: false, // 开启调试模式
  appId: '公众号 AppID', // 必填,公众号的唯一标识
  timestamp: res.timestamp + '', // 必填,生成签名的时间戳
  nonceStr: res.nonceStr, // 必填,生成签名的随机串
  signature: res.signature,// 必填,签名
  jsApiList: ['JS API 名'] // 必填,需要使用的JS接口列表,比如扫一扫、分享、支付等一些功能
})

/**
wx.config 方法进行配置,配置成功之后微信 JSSDK 就会在微信客户端中进行初始化工作。当初始化完成后,就会触发 `wx.ready` 回调函数。
wx.ready是一个非常重要的方法。它是微信 JSSDK 的一个回调函数,用于在微信环境中初始化和准备就绪后执行相应的操作
*/
wxapi.ready(function () {
   that.getScanQrcode()
});

//扫一扫Api
function getScanQrcode(){
   wxapi.scanQRCode({
      needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
      scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有
      success: function (res) {
        console.log("🚀 ~ file: index.vue:242 ~ res:", res)
      },
   });
}