uniapp 微信小程序通过 wx.openCustomerServiceChat对接客服。

直接上解决方案,直接在绑定的方法中调用wx.openCustomerServiceChat 方法即可。

需要注意的几点。

  1. hbuilder x 需升级到 3.4.3 版本以上。
  2. 使用的,微信开发者工具中是看不到效果的,需要打包后,在微信中扫码查看。(体验版,开发版都行)

示例如下:
在 methods 中新建方法,将方法绑定的跳转view 或 button中即可调用。

methods:{
	//跳转到专家资讯
	expertConsultation(){
	//我这里用了全局封装的数据,方便后期修改。各位可以直接,放入自己的参数
		wx.openCustomerServiceChat({
			 extInfo: {url:this.$setting.customerService},
			 corpId:this.$setting.corpId,
			 success(res) {}
		})
		
	},
}

官方示例

wx.openCustomerServiceChat({
  extInfo: {url: '跳转地址'},
  corpId: '企业id',
  success(res) {}
})

参数

属性子参类型默认值必填说明
extInfoObject客服信息
urlString客服链接
corpIdString企业ID
showMessageCardBooleanfalse是否发送小程序气泡消息
sendMessageTitleString气泡消息标题
sendMessagePathString气泡消息小程序路径
sendMessageImgString气泡消息图片
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

还有一点就是需要在微信公众平台上面配置客服信息。如下图,绑定企业id即可。
在这里插入图片描述

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 16
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值