调用微信扫一扫功能JS-SDK说明文档_微信jssdk 唤起扫一扫

import { showToast } from 'vant'  //引入vant框架提示方法
import wx from "weixin-jsapi"; // 引入微信js-sdk 
import $ from 'jquery'

import { getWToken, getTicket } from '@api/modules/waste.js'
/**
 1. 获取微信签名，注入权限验证配置
 2. @returns 
 */
export function requestWxConfig() {

  // 获取当前扫码界面的url，url后面不能携带任何参数及#号，所以在此进行分割
  const url = window.location.href.split("#")[0]
  getWToken().then(res => {
    if (res.code == 200) {
      getTicket({uri: url}).then((res) => {
        let obj = {
          debug: false,
          appId: res.data.appid,
          timestamp: res.data.timestamp,
          nonceStr: res.data.noncestr,
          signature: res.data.sha1,
          jsApiList: ['scanQRCode'],
        }
        wx.config(obj)
        // 配置成功
        wx.ready(function () {
          console.log(88)
        })
        // 配置失败
        wx.error(function (res) {
          console.log(res)
        })

      })

    } else {
      console.log('api接口报错==>', res)
    }

  })

}
/**
 点击扫描按钮的时候执行onScanQRCode方法
 */
export function onScanQRCode() {
  let msg = ''
  wx.scanQRCode({
    needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
    scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
    success: (res) => {
      showToast(res.resultStr)
      // 当needResult 为 1 时，扫码返回的结果
      msg = res.resultStr
    },
    fail: (err) => {
      showToast(err.errMsg)
    }
  })
  return msg
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64