医馆家公众号是一个基于移动端的H5项目,其核心功能旨在推广中医、中医馆文化,让患者可以通过手机微信快速定位到附近的中医馆,检索附近医馆的医生号源、特色疗法、及营销活动等。患者在平台完成个人信息注册后,即可享受在线购买医馆号源,特色疗法,拨打医馆电话等功能。
本项目的前端技术栈采用的是vuejs + vantUi,vue组件的概念很好的将各页面通用的地方做到了最大化复用,接口通讯层使用了插件axios,通过axios封装了一个通用的http.js文件,可以实时的对后台接口发起请求,并对response的数据做统一处理,针对不同接口下不同业务需求的场景,我们在axios的拦截器中通过辨识不同的交易名称执行不同的交易过滤文件,以达到数据二次处理的特殊需求。
应业务场景需求,在项目的路由配置里,设置前、后置路由守卫,用以向后台及微信端发起微信授权,分享微信菜单配置及内容配置。在weixin.js内,完成了微信签名的动作,及各类微信jsdk(微信支付、经纬度定位、打开地理位置、分享朋友圈等)功能配置。