入门
私有化部署
免费在线使用
使用说明书 📔
集成到您的网站、APP或公众号

集成到您的手机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://www.pianshen.com/article/60941384944/

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

参考:

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

绑定访客身份

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

All Rights Reserved. 曹旭升 版权所有

E-mail: cao.silhouette@msn.com

QQ: 279060597

@南京

关于我 我的产品 我的开源项目

ICP证:皖ICP备14020687号-1

公安备案:34110202000256