企业微信H5需要我们使用一些SDK方法如获取外部联系人userid
获取当前外部联系人userid
使用SDK前提是如何通过config接口注入权限验证配置
使用说明 - 接口文档 - 企业微信开发者中心
当前项目是vue项目,不好直接使用 引入JS文件,但我们可以安装依赖
uniapp为例:
1.执行以下命令
npm init
npm install weixin-js-sdk
2.完成域名校验
3.实现代码
import wx from 'weixin-js-sdk'
export default {onLoad() {this.setConfig()},methods: {setConfig(){uni.request({url:'http://www.ssss.com/qw/getsignature',data: {url:location.href.split('#')[0] }, success: (res) => { var jssdk=res.data.resultconsole.log(jssdk)wx.config({beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId:jssdk.appId, // 必填,公众号的唯一标识timestamp:jssdk.timestamp , // 必填,生成签名的时间戳nonceStr: jssdk.nonceStr , // 必填,生成签名的随机串signature: jssdk.signature ,// 必填,签名jsApiList: [ 'getCurExternalContact'] // 必填,需要使用的JS接口列表}); wx.ready(function(){wx.invoke('getCurExternalContact', {}, function(res){if(res.err_msg == "getCurExternalContact:ok"){console.log(res) //返回当前外部联系人userId}else {//错误处理}});})}}); },}}
可以开启debug弹框,将文件上传服务器,看看移动端弹出框效果。如果没有提示错误,说明权限验证配置成功。