当前位置:   article > 正文

微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?_h5跳转企业微信客服

h5跳转企业微信客服

1、先找到企业ID和企业微信聊天接入链接

1)找到企业ID,登录 企业微信

企业微信https://work.weixin.qq.com/wework_admin/loginpage_wx

 2)找到接入链接 

2、登录微信公众平台,功能-客服-微信客服

功能-客服-微信客服微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/

 3、开始写H5页面代码

  1. let d = {
  2. corpId: 'ww931你挚爱的强哥8dee',//企业微信ID
  3. url: 'https://work.weixin.qq.com/kfid/kfc18你挚爱的强哥af71',//企业微信客户接入链接
  4. }
  5. let p = Object.keys(d).reduce((p, k, i) => p + `${i ? '&' : '?'}${k}=${d[k]}`, '');
  6. wx.miniProgram.reLaunch({ url: `/pages/index/index${p}` });//触发小程序刷新页面获取appId

4、对应小程序页面代码

  1. //pages/index/index.js代码如下
  2. Page({
  3. ...
  4. onLoad(options) {
  5. // 跳转到企业微信客服聊天窗口
  6. if (options.corpId && options.url) {
  7. //必须要触发点击事件才能唤起聊天窗口,所以多加了一个弹窗,否者会报错{errMsg: "openCustomerServiceChat:fail can only be invoked by user TAP gesture."}
  8. wx.showModal({
  9. title: '提示',
  10. content: '即将跳转到企业微信客服聊天窗口',
  11. confirmText: '我知道了',
  12. showCancel: false,
  13. success(res) {
  14. if (res.confirm) {
  15. wx.openCustomerServiceChat({
  16. corpId: options.corpId,//企业微信ID
  17. extInfo: { url: options.url },//企业微信聊天接入链接
  18. })
  19. }
  20. }
  21. })
  22. }
  23. },
  24. ...
  25. });

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
  

闽ICP备14008679号