https://blog.csdn.net/shenyang5019/article/details/125441392

企业微信创建应用，h5页面，获取外部联系人信息，聊天工具栏

创建
进入企业微信后台管理，应用管理 》应用 》自建 -> 创建应用

可见范围是该应用授权可见部门（人员）

配置
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 {
        //错误处理
    }
});
1
2
3
4
5
6
7
8
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`
1
前端获取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("失败")
     }
   });
 })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
结尾
https://developer.work.weixin.qq.com/document/path/90556
————————————————
版权声明：本文为CSDN博主「少年的风」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/shenyang5019/article/details/125441392