主要用于医生和患者交流的平台,给患者提供咨询服务,结合AI智能体给患者建议,也可以扮演医生的角色。平台采用前后端分离 + 跨端适配架构,以 “医疗场景合规性、交互实时性、跨端一致性” 为核心设计原则,前端基于 Vue2+UniApp 实现多端(微信小程序、App)统一开发,后端通过 WebSocket 保障实时通信,各模块解耦且数据互通,同时严格遵循医疗数据隐私保护规范
主要功能:
1、AI智能体
2、聊天功能
3、朋友圈
4、AI文章
5、销售
6、接单服务、等等
1、AI 智能体模块:
Vue2+UniApp(输入组件 / 对话展示)、接口调用、Vuex(上下文缓存);
2、聊天功能模块
基于 WebSocket 实现医生 - 患者、患者 - AI 的实时双向聊天,支持文字 / 图片发送,聊天记录本地 + 服务端存储
3、朋友圈模块
Vue2+UniApp(动态发布 / 列表组件)、图片压缩
4、AI 文章模块
前端展示 AI 生成的医疗科普文章,支持个性化推荐、收藏 / 分享,医生可审核 / 编辑。文章列表 / 详情组件、Vuex(推荐列表缓存)等等
(一)核心负责模块
主导AI 智能体模块、聊天功能模块全流程开发,参与朋友圈 / 接单服务模块的前端适配,具体职责包括:需求拆解、页面开发、WebSocket 通信封装、交互逻辑实现、联调测试。
1、AI 智能体模块:
完成 15 + 个核心组件开发(咨询输入框、AI 对话气泡、上下文面板等),组件复用率达 80%;
封装 AI 接口调用工具类,实现请求超时重试、异常兜底(返回 “暂无法解答,请咨询医生”),接口调用成功率从 90% 提升至 99.5%;
实现上下文记忆功能,支持最多保存 10 轮对话记录,患者咨询重复提问率降低 30%;
2、聊天功能模块:
基于 WebSocket 封装通用通信插件,支持心跳检测、断线重连,断线重连成功率 100%,WS 连接稳定性达 99.8%;
开发聊天窗口核心页面,支持文字 / 图片发送、聊天记录下拉加载(最多加载 100 条),图片发送压缩后平均大小≤200KB,传输耗时≤0.5s。等等
(二)难点:UniApp+Vue2 下图片发送的兼容性与性能问题
问题描述:聊天模块图片发送时,不同端图片格式 / 大小差异大,Android 端偶发图片发送失败,iOS 端图片旋转(拍摄的图片倒序展示),且大图片传输耗时过长
解决方案:
统一图片处理:使用uni.getImageInfo获取图片信息,将图片转换为 base64 格式后压缩(压缩质量 0.6),限制单张图片大小≤200KB;
图片旋转矫正:解析图片 EXIF 信息,针对 iOS 端旋转的图片,通过 canvas 重新绘制矫正方向;
分片上传优化:封装图片上传工具类,支持分片上传(超过 200KB 分 2 片),并添加上传进度展示,图片发送成功率从 85% 提升至 100%,传输耗时≤0.5s