App首页模板化实现方案

Table of Contents

1 前言

最近完成了app首页的改版，做了app首页模板化，增强后期的可维护性，内容可配和版本更新无需app发版等功能。在这篇文章中对一些思路，知识和方案做个记录。

2 解决的问题(痛点)

  1. 首页不断的做活动，代码资源文件大量重复
  2. 产品规划做首页千人千面，没办法用固定的首页布局
  3. app已经发布的版本没办法撤回，出错后没办法修改
  4. 首页包含大量的导流功能，ios和android功能原生跳转方式不统一
  5. 要做个性化导流，用户浏览喜好分析

3 方案

3.1 重构思路

  1. 理清业务再动手，渐近式重构
  2. 梳理通用的UI，功能样式，做模板库，首页后台方案可配
  3. 客户端只提供模板和单元样式，样式和数据通过服务端下发，服务端发版无需用户更新
  4. ios/android/h5代码互相参考，客户端做统一的路由管理
  5. 做好数据埋点，供大数据团队进行分析

3.2 重构关键点

  1. 计划好重构各阶段时间点，在1.0中尤其是出模板UI的时间，要多和设计团队沟通，只有确定了第一批全部的UI模板后才能进行模板开发和工作量的评估
  2. 样式和数据服务端下发的前提是有统一的路由管理，ios/android/h5路由管理开发可以先行
  3. app首页模板化之后功能要全部可配，页面通过模板随意组合