企業微信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彈框，將文件上傳服務器，看看移動端彈出框效果。如果沒有提示錯誤，說明權限驗證配置成功。