uniapp微信小程序接入微信客服聊天界面

最新推荐文章于 2023-11-29 20:55:29 发布
最新推荐文章于 2023-11-29 20:55:29 发布
阅读量1k 收藏 3
点赞数 1
文章标签： 微信小程序 微信 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fxx_love/article/details/129888262
版权

使用button 标签open-type="contact"属性

  1.  <button type="default" open-type="contact">在线客服</button>
  2. 进入mp.weixin.qq.com登录小程序开发者设置客服

如图

 

  1. 使用预览小程序

进入测试点击在线客服按钮进入客服两天界面如图

 

fxx_love
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app聊天页面
04-04
uni-app聊天的页面模板，和微信上的聊天页面差不多，可以放心使用。
uniapp 微信小程序小票打印机打印教程（超详细讲解） 完整代码，下载后可直接使用
07-24
小票打印机教程
uniapp微信小程序使用Echarts组件
07-28
uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>
uniapp 微信小程序tabbar凸起的显示
08-25
uniapp 微信小程序tabbar凸起的显示，不闪烁。
uniapp微信小程序上传oss的javascript文件下载
05-15
uniapp微信小程序上传oss的javascript文件下载
uniapp 之 接入小程序客服
HQ\(^o^)/的博客
01-03 5333
因老大 看到别人家有在线客服这个功能，就让我也做一个，这个功能很简单效果图1。
微信小程序uniapp 挑起客服会话、分享好友等
weixin_47168811的博客
07-19 762
不止客服会话，分享微信好友，这些功能可点击此链接查看 button 的 open-type 属性值代码如下（就是这么简单！客服微信，要登陆，小程序进行客服相应微信号配置，即可。
uniapp 微信小程序使用button调用在线客服聊天功能
热门推荐
yehaocheng520的博客
12-19 1万+
微信客服聊天功能
uni-app在app中挑起（打开）微信客服
码农要自强
08-23 2714
APP挑起微信客服
uniapp，app拉起微信客服
wsdf222的博客
11-17 1582
详细讲述如何在app中拉起微信客服功能
uniapp 微信小程序 时间段选择组件
07-24
uniapp 微信小程序 时间段选择组件
【亲测有效】3步实现 微信小程序内接入小程序客服，网页端客服工具与移动端小程序客服工具使用方法，使用入口，并设置当前客服状态
G佳伟
09-22 3245
背景：多数服务类小程序内回存在微信在线客服功能。
uniapp小程序项目连接微信客服【最新/最全教程】
最新发布
m0_49714202的博客
11-29 3568
uniapp小程序项目连接微信客服【最新/最全教程】
uniapp开发微信小程序-关于按钮的小坑
mmwanwen的博客
08-27 1470
需求描述：有一个五个按钮一排的选项，由用户自己选择类型，选中按钮变色。 遇到的坑：将button按钮设置宽高颜色后用flex布局排布，在H5页面显示正常，但是在微信开发者工具中样子很奇怪，按钮不能到想要的位置。 原因：微信小程序中，button按钮的层级较高，在调用底层api时使用，比如微信小程序的分享功能就必须是<button>按钮，设置open-type="share"属性调用方法。 也因此在微信小程序中，button按钮的表现形式有时会与H5有差异。 经验：在不需要调用底层api 的时候，
微信小程序客服使用指南
weixin_64051447的博客
07-26 2341
用户可使用小程序客服消息功能，与小程序的客服人员进行沟通。客服消息会话入口有两个：1、小程序内：开发者在小程序内添加客服消息按钮组件，用户可在小程序内唤起客服会话页面，给小程序发消息；2、已使用过的小程序客服消息会聚合显示在微信会话「小程序客服消息」盒子内，用户可以在小程序外查看历史客服消息，并给小程序发送消息。客服消息下发条件：小程序用户在小程序内唤起客服会话或用户给小程序客服发送消息，具体下发时间有效期及消息条数限制见客服消息下发条件说明客服消息类型：目前支持文本、图片、小程序卡片类型消息。
uniapp微信客服
weixin_41970780的博客
11-18 1002
uniapp微信客服配置
uniapp接入企业微信客服
qq_43672482的博客
11-07 1141
第六步在你的应用中跳转这个链接就可以了，比如你把这个链接放到一个按钮的点击事件里，你通过点击按钮去跳转这个链接，就实现了跳转到企业微信客服的聊天页面了。第五步点击去接入后，会有客服的一个链接，复制这个链接。第二步在企业微信的应用中找到微信客服功能。第四部选择你要接入的场景。第一步先注册好企业微信。第三部添加好你的客服号。
uniapp客服实现
m0_67388537的博客
07-20 2750
需要将 button 组件 open-type 的值设置为 contact，当用户点击后就会进入客服会话，如果用户在会话中点击了小程序消息，则会返回到小程序，开发者可以通过 bindcontact 事件回调获取到用户所点消息的页面路径 path 和对应的参数 query。为丰富小程序的服务能力，提高服务质量，微信为小程序提供客服消息能力。客服人员可以扫描下面的二维码获取用户发送的消息。
app (uniapp) 跳转企业微信客服对话
weixin_47168811的博客
06-26 3708
uniapp打包app，app里点击客服，跳转企业微信客服对话。只有微信小程序才可以通过 button 的 open-type='share' 打开微信客服对话框；其不支持app
uniapp 微信小程序 接入萤石云
05-20
要在 uniapp 微信小程序中接入萤石云，您需要完成以下步骤： 1.注册并登录萤石云开发者平台，创建应用并获取 AppKey 和 AppSecret。 2.在 uniapp 项目中安装并引入微信小程序官方提供的“微信小程序 API”插件。 3.在 uniapp 项目中安装并引入“uni-axios”插件，用于发送 HTTP 请求。 4.编写代码实现用户授权登录并获取 AccessToken。 5.编写代码实现调用萤石云提供的 API，例如获取设备列表、打开直播预览等。 下面是一个简单的示例代码： ```javascript // 引入 axios 模块 import axios from 'uni-axios' // 用户授权登录并获取 AccessToken async function login() { const res = await axios.post('https://open.ys7.com/api/lapp/token/get', { appKey: 'your_app_key', appSecret: 'your_app_secret' }) return res.data.data.accessToken } // 获取设备列表 async function getDeviceList(accessToken) { const res = await axios.get('https://open.ys7.com/api/lapp/device/list', { headers: { Authorization: `Bearer ${accessToken}` } }) return res.data.data.deviceList } // 打开直播预览 async function openLivePreview(accessToken, deviceSerial, channelNo) { const res = await axios.post('https://open.ys7.com/api/lapp/live/address/get', { accessToken, deviceSerial, channelNo }) return res.data.data.url } // 调用示例 async function main() { // 用户授权登录并获取 AccessToken const accessToken = await login() // 获取设备列表 const deviceList = await getDeviceList(accessToken) // 打开直播预览 const livePreviewUrl = await openLivePreview(accessToken, deviceList[0].deviceSerial, 1) console.log(livePreviewUrl) } main() ``` 请注意，以上代码仅供参考，实际应用中还需要考虑错误处理、用户体验等方面的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值