uniapp 微信小程序通过 wx.openCustomerServiceChat对接客服。-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 微信小程序通过 wx.openCustomerServiceChat对接客服。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

需要注意的几点。

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

示例如下：
在 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) {}
})

参数

属性	子参	类型	默认值	必填	说明
extInfo	↓	Object		是	客服信息
	url	String		是	客服链接
corpId	–	String		是	企业ID
showMessageCard	–	Boolean	false	否	是否发送小程序气泡消息
sendMessageTitle	–	String		否	气泡消息标题
sendMessagePath	–	String		否	气泡消息小程序路径
sendMessageImg	–	String		否	气泡消息图片
success	–	function		否	接口调用成功的回调函数
fail	–	function		否	接口调用失败的回调函数
complete	–	function		否	接口调用结束的回调函数（调用成功、失败都会执行）