集成到您的手机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