微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转企业微信客户聊天窗口如何操作？-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转企业微信客户聊天窗口如何操作？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

1）找到企业ID，登录企业微信

企业微信https://work.weixin.qq.com/wework_admin/loginpage_wx 微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转企业微信客户聊天窗口如何操作？

2）找到接入链接

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

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

功能-客服-微信客服微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/文章来源地址https://www.toymoban.com/news/detail-510220.html

3、开始写H5页面代码

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

4、对应小程序页面代码

//pages/index/index.js代码如下

Page({

    ...

    onLoad(options) {
        // 跳转到企业微信客服聊天窗口
        if (options.corpId && options.url) {
            //必须要触发点击事件才能唤起聊天窗口，所以多加了一个弹窗，否者会报错{errMsg: "openCustomerServiceChat:fail can only be invoked by user TAP gesture."}
            wx.showModal({
                title: '提示',
                content: '即将跳转到企业微信客服聊天窗口',
                confirmText: '我知道了',
                showCancel: false,
                success(res) {
                    if (res.confirm) {
                        wx.openCustomerServiceChat({
                            corpId: options.corpId,//企业微信ID
                            extInfo: { url: options.url },//企业微信聊天接入链接
                        })
                    }
                }
            })
        }
    },

    ...

});

到了这里，关于微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转企业微信客户聊天窗口如何操作？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！