微信小程序实现客服功能(客服消息)

纯前端操作,无后端接入的情况下实现此功能

1,需要一个按钮button,加上open-type=“contact”属性

  <button open-type="contact">咨询</button>

需在真机上测试,点击按钮就可以进入客服页面。

2,登录微信公众平台,进入小程序后台,点击客服

3,添加客服人员

 

点击添加客服,输入微信号,先搜索,再添加,也可以给开发人员(自己)添加为客服人员

4,添加好后,设置成管理员

5,进入网页端客服,扫码登录, 点击设置,此功能手机端客服无法设置

网页端客服https://mpkf.weixin.qq.com/

左下角的头像可以设置离线/在线状态

自动接入:用户发送信息时在线的客服人员在一段时间后自动接入,用户那边会提示 某某客服人员接入,不打开自动接入的话,在主页你点击接入才会接入。

自动回复:就相当于人机操作,用户首次进入会发送 接入欢迎语开场白,问题里面就是链接了,点击后跳转的页面或是进行自动回复,关键字也很好理解了,输入关键字就会自动发送结果给用户。

 可以右击已接入的对象实现转接给其他客服的操作。一旦有客服接入,其他客服人员可以看到用户发的信息,其他客服无法接入,无法发送信息。

官方文档中也有操作指南,里面有另一种需要后端接入实现

客服消息使用指南https://developers.weixin.qq.com/miniprogram/introduction/custom.html#%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D

这是常用的几项,设置这几个功能,简易版的客服消息功能就实现了

  • 11
    点赞
  • 94
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
微信小程序实现订阅消息功能,需要在后端服务器使用Node.js来实现。以下是一个示例的Node.js源码,用于实现微信小程序的订阅消息功能。 ```javascript const express = require('express'); const axios = require('axios'); const app = express(); const port = 3000; // 用于接收微信小程序订阅消息的回调 app.post('/callback', async (req, res) => { try { // 解析请求体中的数据 const data = req.body; // 向微信API发送请求,完成订阅消息的下发 await axios.post('https://api.weixin.qq.com/cgi-bin/message/subscribe/send', { touser: data.openid, // 用户的openid access_token: data.access_token, // 小程序的access token template_id: data.template_id, // 订阅消息模板ID data: data.template_data, // 订阅消息模板中的数据 }); // 返回成功响应给微信小程序 res.status(200).send('Success'); } catch (error) { // 返回错误响应给微信小程序 res.status(500).send('Failed'); } }); app.listen(port, () => { console.log(`Server is running on port ${port}`); }); ``` 上述代码中,创建了一个基于Express框架的Node.js服务器。通过定义一个`/callback`的路由,用于接收微信小程序发送的订阅消息的回调。 在回调中,首先解析请求体中的数据,包括用户的openid、小程序的access token、订阅消息模板ID以及要下发的模板数据。然后,使用axios库发送HTTP POST请求到微信API,完成订阅消息的下发。 最后,根据发送请求的结果,返回相应的成功或失败响应给微信小程序。 需要注意的是,此代码仅为示例,实际项目中还需要添加相应的错误处理等逻辑。此外,还需要配置服务器的域名与小程序进行关联,并在小程序端的代码中发送HTTP请求到该服务器。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值