前端react对接企业微信JS-SDK

官方地址： https://work.weixin.qq.com/api/doc/90000/90136/90514

步骤一：index.html中引入JS文件

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
//调用 wx.agentConfig需要额外引入下面的：
<script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>

步骤二：在企业微信的管理后台“我的应用”里，进入某个应用，设置应用可信域名。


步骤三，注册配置
进入页面时调用（appId、timestamp、nonceStr、signature 从后端接口拿）
如果要使用’分享消息到当前会话‘ 接口， jsApiList里面就填 [‘sendChatMessage’]

wx.config({
    beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，企业微信的corpID
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见 附录-JS-SDK使用权限签名算法
    jsApiList: [] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});

注意，有些接口调用必须再注册另一个配置（具体看api的要求，有些api还有可能需要在管理后台配置其它权限）

wx.agentConfig({
    corpid: '', // 必填，企业微信的corpid，必须与当前登录的企业一致
    agentid: '', // 必填，企业微信的应用id （e.g. 1000247）
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见附录-JS-SDK使用权限签名算法
    jsApiList: ['selectExternalContact'], //必填，传入需要使用的接口名称
    success: function(res) {
        // 回调
    },
    fail: function(res) {
        if(res.errMsg.indexOf('function not exist') > -1){
            alert('版本过低请升级')
        }
    }
});

这样就可以成功调用啦
温馨提示：企业微信可以安装插件，就可以打开调试了，因为企业微信内置浏览器可能不兼容某些语法，这样你就能发现哪里报错了