小程序的总结梳理
原创大约 3 分钟
面对的情况
初来乍到,公司只有APP和H5,用户的转换量很少。因为作为中老年为主的患者,第一步去下载APP,对他们来说就已经有一定的成本了。特别是安卓有各种应用市场,APP Stroe有各种验证。小程序以微信为载体,在一定程度上大大降低了用户的操作门槛。
业务场景分析
首先面向的用户
面向的群里的帕金森患者,多以中老年群体为主。
主要的业务场景,就是给患者提供的服务
小程序提供图文问诊服务,患者和医生的在线IM聊天,直播分享
关键的技术节点
IM聊天、分享、直播、图文问诊
技术选型
总览小程序框架
- uni-app
- taro
- mpvue
- wepy
- 微信小程序原生开发
在我们对比各个框架细节的时候,需要先明确我们当前产品的业务前提
- 不需要跨端,聚焦点就是微信平台
- 有一定的适老化要求
- 需要快速开发,快速验证,快速推广
我们明确了产品定位和规划,再来根据自身的前端技术栈,去看一些技术前提
- 团队主要是vue技术栈为主
- 团队的开发人员中级占比最多
- 团队微信小程序的开发经验几乎为0
以上两个维度的思考,其实我们就可以抽象出我们作为技术选型的打分表
- 跨端能力
- UI组件库的生态
- 工程化能力
- DSL的支持
- 上手成本
- 社区活跃度
综合评分,平衡取舍,作为当下的最佳选择,我们决定用Taro3来开发我们的第一款小程序。
架构设计
确定了技术实现方案,接下来要做的就是如何将小程序放入我们的前端体系,或者是软件体系中来了。
个人觉得无非就是基于以下6个步骤去看,在每一个步骤上,我们去看如何把这个链路打通,并且有积累有沉淀。
- 搭建基础工程
- 抽取成模版代码,加入到脚手架中
- 小程序基础能力抽取,组件库的抽取,npm包形式
- CICD的接入
- 规范测试与发布流程
- 建立线上日志收集,告警提醒机制