### 1. 立项背景
在医疗健康领域,用户面临三大痛点:一是购药不便,尤其是处方药需到院排队开方;二是问诊效率低,优质医疗资源集中在三甲医院,基层患者难以触达;三是健康管理分散,个人健康档案、用药记录、体检报告散落在不同平台。同时国家推行"互联网+医疗健康"政策,鼓励处方流转、远程问诊和慢病线上管理。在此背景下,"一块钱"小程序立项,旨在依托微信生态(月活13亿+),以一张权益卡为载体,将在线购药、视频问诊、健康科普、权益管理打通为一体化服务,让用户在微信内完成"咨询→问诊→开方→购药→配送→健康管理"全闭环,降低就医门槛,提升健康服务可及性。
### 2. 软件功能
小程序为C端用户提供一站式健康医疗综合服务,主要功能包括:
- 在线购药 :支持OTC药品、处方药、保健品、医疗器械等全品类商品浏览、搜索、下单,提供B2C快递配送和O2O附近药店自提/配送两种履约模式
- 在线问诊 :基于TRTC实时音视频的远程问诊,支持图文问诊和视频问诊,医生可在线开具电子处方
- 处方流转 :电子处方从医生开具→药师审核→流转至合作药店→用户购药的全链路管理
- 权益卡管理 :权益卡激活、续期、升级,最多5位家庭成员共享,权益使用次数实时追踪
- 健康档案 :个人健康档案建立、体检报告上传、健康数据(血压/血糖/体重)记录与趋势可视化
- 医院预约 :按城市/科室/医院浏览搜索,查看医生详情,在线预约挂号
- 健康科普 :名医讲堂内容社区,文章/视频/图文合集,支持点赞收藏互动
- AI智能管家 :自然语言对话式健康咨询,智能引导至专业问诊或购药
- 支付与钱包 :微信支付(含医保混合支付)、荷叶币商城、优惠券、红包管理
### 3. 核心功能模块介绍
首页模块 — 综合服务入口,包含智能搜索栏、横向金刚位快捷导航(覆盖购药/问诊/档案/预约等入口)、Banner轮播、商城活动楼层、新人专享推荐、领券中心、个性化商品推荐列表,以及消息通知和购物车快捷入口。通过楼层化布局实现精准导流,新手引导弹窗降低使用门槛。
健康商城模块 — 核心交易板块,包含商品分类导航(处方药/OTC/保健品/医疗器械/中药饮片等)、多维度搜索(药品名/症状/疾病/药店)、商品详情页(多规格SKU选择、图文详情、说明书)、购物车管理、下单流程(地址选择/优惠券抵扣/患者信息/处方上传)、B2C+O2O双模式履约。支持促销活动专区、满减/优惠券/红包等多种营销工具。
家庭医生模块 — 远程医疗服务板块,包含科室/医生选择、排队等待接诊、TRTC视频问诊或图文问诊、医生开具电子处方、药师审核、处方流转购药。集成医院预约挂号系统,支持按城市/科室/医院浏览搜索。内含"荷叶家医"(家庭医生服务)、"荷叶家居"(居家健康管理)、"荷叶家护"(老年人照护)三大特色服务模块。AI智能管家提供对话式健康
项目采用微信小程序原生框架开发(非Uni-app/Taro),以追求最佳性能和原生能力兼容。整体架构分为五层:
- 用户层 :微信用户、H5引流页、App引流入口
- 框架层 :自定义TabBar、路由管理(app.json集中配置)、MobX状态管理(mobx-miniprogram + bindings自动绑定)、分包懒加载(lazyCodeLoading: requiredComponents)、WeUI扩展库
- 业务模块层 :首页、健康商城、家庭医生、名医讲堂、个人中心五大核心模块
- 通用服务层 :API请求封装(utils/request.js)、微信支付、TRTC视频、LBS定位、消息订阅、IM即时通讯、ECard身份核验、wxParse富文本解析
- 组件库层 :HyUI自研组件库(12个通用组件)+ 33个业务组件 + utils工具集(20+模块)+ Mixins/Store
设计思路 :
- 分包策略 :16个分包按业务域拆分,控制主包体积
- 预加载策略 :首页加载时预取note、newHomePage、subpackageComponents三个高依赖分包,用户点击后无需等待下载
- 状态管理 :MobX Store集中管理用户信息、购物车、权益状态等全局数据。
- 组件化复用
- 性能优化 :图片超12KB迁移CDN+HTTPS缓存、避免不当setData、onPageScroll轻量化、定时器及时回收、请求控制在1s内
负责模块一:首页与商品推荐体系
负责首页金刚位导航、Banner轮播、商品推荐列表、新人专享、领券中心等核心楼层的开发。封装了drug-list-all商品列表通用组件,在首页和健康商城两处复用,减少约40%重复代码。实现首页预加载策略,将note/newHomePage/subpackageComponents三个分包在首页onLoad时预取,用户点击后续页面加载时间从平均1.2s降至0.3s。通过楼层化配置方案,运营可后台配置楼层顺序和内容,减少了每次楼层调整需发版的问题,迭代效率提升约50%。
负责模块二:在线购药与下单流程
负责onlineGoods和newHomePage分包中的商品详情、SKU选择、确认订单、购物车、地址管理等核心交易链路。
难点:TRTC视频问诊接入复杂
视频问诊需要同时管理TRTC音视频流、IM聊天消息、处方推送、问诊状态同步,多个异步事件之间有依赖关系,且需要处理网络断连、重连、权限变更等异常场景。
解决方案:封装trtc.js统一管理TRTC生命周期(进房/退房/音视频流/网络状态监听),im.js统一管理IM消息收发。设计问诊状态机(等待→通话中→结束),通过MobX Store同步状态,各UI组件自动响应。网络断连时实现自动重连机制(最多3次,间隔2s)