企业微信第三方应用-应用客服会话(h5)

企业微信中第三方应用(h5)不能像小程序那样将button标签的open-type属性设置为contact即可跳转到客服会话页面。但是js sdk为了开发者提供了openThirdAppServiceChat Api,让用户可快速打开应用客服的会话。接下来,记录前端需要做的工作:

1. 通过企业微信登录应用管理后台

配置第三方应用的客服。(可能这不是前端的工作,但是这一步必不可少)

2. 引入 JS SDK,设置触发按钮


立即咨询

3. 调用 wx.agentConfig引入需要用的Api

// signature,corpid,agentid,timestamp,nonceStr是需要拿path调接口从后端获取。
goToCustom(){
 wx.ready(() => {
   wx.agentConfig({
      signature,
      corpid,
      agentid,
      timestamp,
      nonceStr,
      jsApiList: ['openThirdAppServiceChat'],
      success(res) {
         wx.invoke('openThirdAppServiceChat', {}, function (res) {
             console.log('openThirdAppServiceChat res', res);
             if (res.err_msg === 'openThirdAppServiceChat:ok') {
                //
             }
         })
      },
      fail: function (res) {
         if (res.errMsg.indexOf('function not exist') > -1) {
             alert('版本过低请升级')
         } else {
             alert('agentConfig error info:' + res.errMsg)
         }
      }
   })
 })
}

注意:在微信环境中,IOS与Andriod的页面真实URL不同,IOS为第一次刚进入应用时的URL。Andriod为当前的URL井号前面的部分。

如有什么问题欢迎批评指正。

你可能感兴趣的:(企业微信,web前端,前端HTML,企业微信,vue.js,前端,javascript)