入门
特色功能
免费私有化部署 👈
配置文件修改说明
部署新服务器 👈
Windows 服务器
Linux 服务器
宝塔面板(aaPanel)
Docker
发布客服端程序
1.x 部署文档
Windows 服务器
Linux 服务器
宝塔面板(aaPanel)
发布客服端程序
升级现有服务器
服务器维护
开通自动翻译服务
配置文件存储
公告
免费在线使用(快速上手指引)
详细使用说明书(功能介绍) 📔
准备使用客服端软件
站点管理
客服账号管理
基础会话功能
辅助会话功能
个性化站点配置
访客管理
访客留言
集成及二次开发

集成到您的手机APP


集成效果

集成之后,访客可以直接在手机 APP 内部通过聊天页面与客服进行交流。

下载安装客服端程序后,可以自定义:

  • 配色。
  • 顶部 Logo 图片或标题。

集成方法

使用 WebView 集成聊天页面即可。

https://kf-resource.shengxunwei.com/WebChat/MobileWebChat.html?siteCode=站点代码

需要注意以下几点:

  • 配置 WebView 禁用本地文件缓存。
  • 确认 Cookie 可用。

也可以选择一种更简单的方式,在手机程序中直接“打开”聊天页面,这种方式会使手机自动调用手机浏览器打开聊天窗口。用户体验较差但是集成方便。

注意:请先在手机原生浏览器上测试,再向 WebView 中集成。
目前手机端开发平台和开发框架众多,WebView 集成时可能存在兼容性问题,需要适配和调试。

已知问题

iOS

在一些版本中,开启 Cookie 可能需要手机开发人员适配开启。

如果 WebView 中 Cookie 不可用,可以通过 externalId 参数,指定访客的唯一标识,否则每次访客打开聊天页面时,都会被识别为一个新访客,无法记住访客身份。

Android

可能需要适配才能上传文件。

参考:

Android基于安全性的考虑,从 Android 4.1 版开始禁止了 WebView 内的本地网页使用 XMLHttpRequest 来读取本地档案(4.1版之前无限制)
https://www.cnblogs.com/clark159/p/4682407.html

输入法弹出时可能遮挡输入框。

参考:

软键盘遮挡住WebView中输入框解决方法
https://blog.csdn.net/yushuangping/article/details/84963271

Flutter

输入法弹出时可能遮挡输入框。

参考:

Flutter中举步维艰的WebView,终于实现了加载本地html
https://blog.csdn.net/u014665060/article/details/105315854

Flutter嵌套webview软键盘遮挡布局的错误
https://blog.csdn.net/qq_25794733/article/details/106047790

可能需要适配才能上传文件。

参考:

webview_flutter解决 input type='file' 无效的问题
https://www.cnblogs.com/afei123/p/13053712.html

Flutter-让webview支持图片上传(Android, 2020.11.22更新)
https://www.jianshu.com/p/e003303e5c51

绑定访客身份

深度集成:传递您的访客数据到客服系统

目录

入门
特色功能
免费私有化部署 👈
配置文件修改说明
部署新服务器 👈
Windows 服务器
Linux 服务器
宝塔面板(aaPanel)
Docker
发布客服端程序
1.x 部署文档
Windows 服务器
Linux 服务器
宝塔面板(aaPanel)
发布客服端程序
升级现有服务器
服务器维护
开通自动翻译服务
配置文件存储
公告
免费在线使用(快速上手指引)
详细使用说明书(功能介绍) 📔
准备使用客服端软件
站点管理
客服账号管理
基础会话功能
辅助会话功能
个性化站点配置
访客管理
访客留言
集成及二次开发
二次开发