跳至主要內容

小程序的总结梳理

Cap原创大约 3 分钟

面对的情况

初来乍到,公司只有APP和H5,用户的转换量很少。因为作为中老年为主的患者,第一步去下载APP,对他们来说就已经有一定的成本了。特别是安卓有各种应用市场,APP Stroe有各种验证。小程序以微信为载体,在一定程度上大大降低了用户的操作门槛。

业务场景分析

  1. 首先面向的用户

    面向的群里的帕金森患者,多以中老年群体为主。

  2. 主要的业务场景,就是给患者提供的服务

    小程序提供图文问诊服务,患者和医生的在线IM聊天,直播分享

  3. 关键的技术节点

    IM聊天、分享、直播、图文问诊

技术选型

总览小程序框架

  • uni-app
  • taro
  • mpvue
  • wepy
  • 微信小程序原生开发

在我们对比各个框架细节的时候,需要先明确我们当前产品的业务前提

  1. 不需要跨端,聚焦点就是微信平台
  2. 有一定的适老化要求
  3. 需要快速开发,快速验证,快速推广

我们明确了产品定位和规划,再来根据自身的前端技术栈,去看一些技术前提

  1. 团队主要是vue技术栈为主
  2. 团队的开发人员中级占比最多
  3. 团队微信小程序的开发经验几乎为0

以上两个维度的思考,其实我们就可以抽象出我们作为技术选型的打分表

  1. 跨端能力
  2. UI组件库的生态
  3. 工程化能力
  4. DSL的支持
  5. 上手成本
  6. 社区活跃度

综合评分,平衡取舍,作为当下的最佳选择,我们决定用Taro3来开发我们的第一款小程序。

架构设计

确定了技术实现方案,接下来要做的就是如何将小程序放入我们的前端体系,或者是软件体系中来了。

个人觉得无非就是基于以下6个步骤去看,在每一个步骤上,我们去看如何把这个链路打通,并且有积累有沉淀。

  1. 搭建基础工程
  2. 抽取成模版代码,加入到脚手架中
  3. 小程序基础能力抽取,组件库的抽取,npm包形式
  4. CICD的接入
  5. 规范测试与发布流程
  6. 建立线上日志收集,告警提醒机制