Appearance
小程序接入总览
小程序里点开客服入口,直接进入对话页面,客户不用跳出小程序。微信、支付宝、抖音等主流平台都支持这种做法。
微信小程序还有另一种做法:有企业微信的,可以接入微信客服。这种做法不用自备域名,客服回复时客户能收到微信消息提醒。两种做法的对比见微信小程序:两种做法。
原理是一样的
各家小程序都提供了一个用来嵌网页的组件(叫 web-view),把对话页面的地址填进去就能用。平台之间的差别只在怎么把你的域名报备给平台,对话功能本身完全一致。
客户看到的就是对话链接的完整聊天页,外面套着小程序自己的导航栏。
这是网页嵌入的方式
用的是各平台的 web-view 组件,在小程序里嵌一个网页,不是用小程序原生组件实现的客服界面。
对多数团队来说这条路够用:配置一次就能上线,对话能力和外观跟浏览器里打开完全一致,客服程序更新也不需要你重新发版。
必须用自有域名部署
所有平台都要求:web-view 打开的地址,其域名必须先报备到该小程序的白名单里,而报备需要你证明这个域名归你——把平台给的校验文件传到域名根目录。
合从的默认链接用的是合从的域名,你没法证明它归你,报备不进去。所以小程序接入只有一条路:自有域名部署。
对话页面是一个完整的独立页面,不是套在 iframe 里的,通常报备你自己这一个域名就够了。
通用前提
动手之前先确认这三条,任何平台都一样:
- 小程序是企业主体。个人主体的小程序普遍不支持
web-view - 域名已完成备案,是 HTTPS,并且你能往它的根目录传文件
- 已完成自有域名部署,用浏览器打开
https://你的域名/chat.html能正常对话
各平台的差别
| 微信小程序 | 支付宝小程序 | 抖音小程序 | |
|---|---|---|---|
| 配置位置 | 开发设置 > 业务域名 | 开发设置 > H5 域名配置 | 开发配置 > webview 域名 |
| 要发版吗 | 不用 | 要重新打包提审 | 不用 |
| 详细步骤 | 微信 | 支付宝 | 抖音 |
各平台后台的菜单名称和位置会调整,实际以平台当时的文档和界面提示为准。
其他小程序平台
百度、快手、QQ、京东等平台的做法和上面三家基本一致:在开发者后台把你的域名报备进白名单,然后在小程序页面里放一个 web-view 指向你的对话页面地址。
照着微信小程序那一页的步骤做,把配置入口换成对应平台的即可。遇到平台特有的限制,以该平台自己的开发文档为准。
共同的注意事项
web-view 会铺满整个页面。 主流平台的这个组件都会占满小程序页面并覆盖其他组件,而且一个页面只能放一个。要单独建一个页面专门放它,从首页或个人中心跳转过来,不要试图把它塞进已有页面的一块区域。
客户退出页面后收不到提醒。 web-view 里跑的是网页,拿不到小程序平台的服务通知。客户切出去之后客服再回复,客户不会收到提醒——消息不会丢,下次进来还能接着聊。需要主动触达的,用小程序自己的订阅消息另行实现。详见对话链接概述。
带上客户身份。 小程序知道当前用户是谁,在拼 web-view 地址时把客户 ID 和资料带上,客服就不是面对一个匿名访客。写法见传客户资料给客服。