创建

进入企业微信后台管理，应用管理》应用》自建 -> 创建应用
在这里插入图片描述
可见范围是该应用授权可见部门（人员）

配置

1、点开应用，配置应用主页，配置的域名是配置的可信域名下的页面；
在这里插入图片描述 2、将应用配置到工具栏

3、开发者接口配置，网页授权及JS-SDK，配置可信域名（当前企业注册的备案域名），在域名根目录放置验证文件；企业可信IP，配置相关ip白名单

4、客户与上下游》客户；修改可调用应用，勾选配置的引用。
在这里插入图片描述
不配置的话，会出现否则会出现获取当前外部联系人userid失败。

wx.invoke('getCurExternalContact', {}, function(res){if(res.err_msg == "getCurExternalContact:ok"){userId  = res.userId ; //返回当前外部联系人userId}else {//错误处理}
});

5、聊天工具栏配置
（1）、企业微信后台管理配置可见范围，见上（配置-1）；
（2）、手机打开企业微信》工作台》客户联系与管理 - 客户联系》工具-聊天工具栏》我的聊天工具栏》编辑》选中在聊天中显示工具栏。

H5开发

1、授权登录

let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${corpid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_privateinfo&state=STATE&agentid=${agentid}#wechat_redirect`

前端获取code，后端人员调用api，获取到用户的相关信息；

2、注入事件，后端人员返回签名相关数据。获取外部联系人信息。

wx.config({beta: true,debug: false,appId: "", // 企业微信的corpid，必须与当前登录的企业一致timestamp: "", // 必填，生成签名的时间戳nonceStr: "", // 必填，生成签名的随机串signature: "",// 必填，签名，见附录-JS-SDK使用权限签名算法jsApiList: ['invoke', 'agentConfig', 'getCurExternalContact']})wx.error( (res) => {//});wx.ready(() => {wx.agentConfig({corpid: "", // 必填，企业微信的corpid，必须与当前登录的企业一致agentid: "", // 必填，企业微信的应用id （e.g. 1000247）timestamp: "", // 必填，生成签名的时间戳nonceStr: "", // 必填，生成签名的随机串signature: "",// 必填，签名，见附录-JS-SDK使用权限签名算法jsApiList: ['invoke', 'getContext', 'getCurExternalContact'], //必填，传入需要使用的接口名称success: res => {// 回调wx.invoke('getContext', {}, (res1) => {if(res1.err_msg == "getContext:ok"){wx.invoke('getCurExternalContact', {}, async (res2) => {if(res2.err_msg == "getCurExternalContact:ok"){console.log(res2.userId); // 当前外部联系人的userid}else {//错误处理console.log("失败")}});}else {//错误处理console.log("失败")}});},fail: erres => {console.log("失败")}});})