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

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

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

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

 2)找到接入链接 

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

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

 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 },//企业微信聊天接入链接
                        })
                    }
                }
            })
        }
    },

    ...

});

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值