中保金服官网

猿急送>其他前端兼职程序员>🤪>

案例列表

基本信息

案例ID：233617

技术顾问：🤪 - 8年经验 - 中保金服

联系沟通

微信扫码，建群沟通

项目名称：中保金服官网

所属行业：金融 - 保险

->查看更多案例

案例介绍

中保金服客服系统（im 通讯）
项目描述：
该项目是一款手机维修，价格报备，客服考勤相关业务,同时支持客服与维修人员聊天的系统
该项目实现 im 通讯前端采用原生的 websocket+vue(vue 项目)，后端使用 java ，在做通讯前通过对数据的分析，创建相关的参数，比如客服姓名，时间，维修商，是否已读未读，时间排序，聊天发送成功正常返回状态码定义的一串 json 字符串在通过前端解析，前端使用 ws 链接(iphone 会有兼容问题必须用 wss，iPhone 出于安全考虑不支持 ws )前端在创建 ws 链接之后发起一个消息告诉后端已经链接成功，后端定时发送心跳包前端接受在发回去，来检查链接是否断开，如果断开可以在 websocket 提供的 error 方法重新请求链接，聊天的时候通过接口发送消息，在通过 websocket 返回消息到前端，前端页面样式方面需要注意聊天获取消息时候的滚动条设置，然后就是输入框设置支持聊天插件将特殊的聊天字符转成聊天表情，图片上传设置，上传到阿里云服务器通过获取的链接存入后端显示到页面。
项目使用技术：
1. 通过 Css3+div、html5，elementUI 写出复杂的页面展示效果
2. 通过 JavaScript和 vue，axios，websocket 完成交互
3. 通过 svn 进行代码提交上传