企业微信 引入微信api扫一扫（vue）【h5页面调用微信jssdk】

引入(两种方式)

(1)第一种方式

<scripttype="text/javascript"src="http://res./open/js/jweixin-1.2.0.js"></script>

(2)第二种方式

用npm

import wx from 'weixin-js-sdk'

1.注册

首先请求后台，拿到注册参数 ，下面的第一行代码 data 为后台返回值

【配置wx.config，其中appId、timestamp、nonceStr、signature都是由后台生成】

let data ={} //data为后台返回值wx.config({beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: data.corpId, // 必填，企业微信的corpIDtimestamp: data.timestamp, // 必填，生成签名的时间戳nonceStr: data.noncestr, // 必填，生成签名的随机串signature: data.signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法jsApiList: ["chooseImage", "invoke"] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来});/*wx.ready(function () {wx.checkJsApi({jsApiList: ["invoke", "scanQRCode"], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: function (ress) {// 以键值对的形式返回，可用的api值true，不可用为false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});});*/wx.error(function (res) {console.log("错误：" + JSON.stringify(res));});

2. 使用

在需要的地方 调以下方法 打开扫一扫

function scanCode() {wx.ready(() => {wx.checkJsApi({jsApiList: ["invoke", "scanQRCode"], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: res => {// 以键值对的形式返回，可用的api值true，不可用为false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});wx.invoke("enterpriseVerify", {}, res => {// alert(JSON.stringify(res));});wx.scanQRCode({desc: "scanQRCode desc",needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，scanType: ["qrCode"], // 可以指定扫二维码还是条形码（一维码），默认二者都有success: res => {let data = JSON.parse(res.resultStr);//扫码后的后续动作},error: res => {if (res.errMsg.indexOf("function_not_exist") > 0) {alert("版本过低请升级");}}});});}