uniapp开发微信小程序之——微信客服&微信小程序客服（简记）_uniapp 打开小程序客服

1.关于微信小程序打开客服有两种情况：小程序客服和企业客服
情况分别是如下效果
1.小程序客服
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a371cd0df0e849d88c24a8a0529bbc05.png
2.企业微信客服

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/20f9b60940564f6493bfe5f6e2c3f8b6.png

在微信公众平台需要做的就是
1.针对小程序客服

然后通过

// open-type类型需要设置成contact 在contact 回调中获得具体信息，
<button class="leftBox" type="default" plain="true" open-type="contact" @contact="contact">
    打开客服会话
</button>
1
2
3
4

1.针对企业微信客服，需要在后台绑定企业微信的公司id,来获取对接的客服链接

然后通过

//html内容
<button class="item" @click="contactClick" hover-class='none' v-else>
								<image :src="servicePic"></image>
								<text>联系客服</text>
							</button>
1
2
3
4
5

//js内容
contactClick() { 
		// #ifdef  MP-WEIXIN  
		// console.log('微信环境！！');
		wx.openCustomerServiceChat({
			extInfo: {url: '连接地址'},
			corpId: '企业微信id',
			success(res) {}
			})
			// #endif
	    },
1
2
3
4
5
6
7
8
9
10
11