微信小程序客服系统-对接消息推送-对接模板订阅消息-嵌入webview客服链接

发布于

想要给自己的小程序增加客服系统功能

小程序客服对接导自己的系统等需求，可以参照我开发的客服系统，实现私有化部署搭建对接的微信小程序

小程序消息推送对接

首先登录小程序后台 在小程序后台==>开发管理==>开发设置==>服务器域名部分，配置好自己的域名

再往上翻，开发者ID部分，把AppID AppSecret 找个文档记下来，ip白名单我先给关上了

在小程序后台==>开发管理==>开发设置==>消息推送中补全信息，这个时候如果提交会报token校验失败，需要回到客服系统去配置相应的信息

功能==>客服==>小程序客服，配置好自己的客服人员

客服系统配置

上面就是小程序后台部分的配置，接下来返回我的客服系统后台，去配置相应的信息

设置==>找到下面三个小程序的配置项，补充完善信息

此时在小程序的客服组件里，就能收到来自我客服系统的消息回复了，并且不影响客服人员使用微信自带工具接入

配置订阅模板消息

微信小程序想要对接独立在线客服系统，除了使用小程序消息推送接口外，还可以使用webview嵌入的形式嵌入聊天链接。

但是，使用webview嵌入的形式，当用户离开页面以后，就收不到客服回复的消息了

所以，我们需要当用户离开聊天页面后，客服回复消息，使用小程序的订阅模板来进行通知。

我们前往小程序后台，去开启一下订阅消息，并且选用一个模板。

在公共模板库里搜索一下，选用“咨询回复通知”

 配置一下字段，我们就需要三个字段就可以了，分别是，“回复内容”  “回复时间”  “回复者”

这样会得到模板ID，后面我们会通过这个模板ID进行发送

现在，我们去小程序端，增加一下订阅事件

在小程序端向用户发起消息请求，需要注意请求需要放在触发事件中，不能凭空（onload、onshow或者其他情况）触发。

页面xml

代码语言：javascript
复制
<button bindtap="sendreq">开始订阅</button>

页面js

代码语言：javascript
复制
const app = getApp()
Page({
  sendreq(){
    wx.requestSubscribeMessage({
      tmplIds: ['这里替换成你的模板ID'],
      success (res) {
        console.log(res)
        // res包含模板id，值包括'accept'、'reject'、'ban'、'filter'。
        // 'accept'表示用户同意订阅该条id对应的模板消息
        // 'reject'表示用户拒绝订阅该条id对应的模板消息
        // 'ban'表示已被后台封禁
        // 'filter'表示该模板因为模板标题同名被后台过滤。
      }
    })
  }
})

只有这样订阅过以后，才能给这个用户发送模板消息

再去客服后台配置下面的内容 订阅消息模板ID 订阅消息模板跳转pages路径

#webview#小程序#微信小程序#系统#消息推送