前端使用Vue开发企业微信JS-SDK的介绍和使用扫描二维码的功能,我去看了文档HowtousetheJS-SDKofEnterpriseWeChat。搜索了一下,好像没有什么好的教程。但是我找到了一个,就是企业微信和普通微信开发使用的JS-SDK应该是一样的,但是微信开发使用的最新版本是1.6.0版本,而企业微信只支持1.2.0版本。官方文档参考地址JS-SDK企业微信JS-SDK是企业微信为web开发者提供的一个基于企业微信的web开发工具包。通过企业微信JS-SDK,Web开发者可以通过企业微信高效利用手机系统的拍照、选图、语音、定位等能力,同时直接使用企业微信分享、扫一扫、企业微信的其他独特能力,为企业微信用户提供更好的网络体验。在企业微信自建应用中设置可信域名。企业微信管理后台->应用管理->在自建中找到自己的应用->网页授权和JS-SDK点击‘申请域名验证’->输入可信域名->申请验证->上传将验证文本文件复制到域名根目录下,导入JS-SDK。这里官方文档的导入方式是直接插入script标签。然后就可以直接在项目console.log(wx);//其实就是console.log(window.wx)插件安装方法介绍1.安装weixin-js-sdknpminstallweixin-js-sdk@1.2.0#或者yarnaddweixin-js-sdk@1.2.02。importimportwxfrom"weixin-js-sdk";console.log(wx);使用(以扫描功能为例)1.通过config接口注入权限验证配置注入权限验证配置//wxConfig为后端接口,发送url参数,返回配置wx.config数据(appId,Signatureandsignature时间戳等)//官方提醒:出于安全考虑,开发者必须在服务端实现签名的逻辑。wxConfig({url:window.location.href}).then((response)=>{//返回数据后配置jssdkwx.config(response.data);});//官方示例//wx.config({//beta:true,//这个一定要写,否则调用wx.invoke形式的jsapi会出问题//debug:true,//开启debug模式,返回值所有调用的API都会在客户端告警,如果想查看传入的参数,可以在PC端打开,参数信息会通过日志打印出来,只会在PC端打印边。//appId:'',//必填,微信企业的corpID//timestamp:,//必填,生成签名的时间戳//nonceStr:'',//必填,生成签名的随机字符串//signature:'',//必填,签名,见附录-JS-SDK使用授权签名算法//jsApiList:[]//必填,需要使用的JS接口列表,所有需要调用的接口都需要传入//});2.使用接口函数在需要使用接口的地方使用如下方法wx.ready(function(){//ready方法会在config信息校验通过后执行,所有接口调用必须在config接口获取结果,config是客户端的异步操作,所以如果需要在页面加载时调用相关接口,必须在ready函数中调用相关接口,保证正确执行。对于是的接口用户触发时调用,直接调用即可,不需要放在ready函数中//扫描函数示例wx.scanQRCode({desc:"scanQRCodedesc",needResult:0,//默认为0,扫描结果由微信处理,1直接返回扫描结果,scanType:["qrCode","barCode"],//可以指定是扫描二维码还是条码(一维code),两者都默认成功:function(res){//callback},error:function(res){if(res.errMsg.indexOf("function_not_exist")>0){alert("版本太低,请升级");}},});});
