淘宝极简包项目分离了一个可以快速搭建极简App的框架。
如今app冗余与包大小一直都是很多业务挥之不去的优化项。行业内很多极简包如雨后春笋般冒出来。又或者是很多业务对极简包的探索也有积极的尝试。
极简包带来的价值,不仅是包大小上的质变,更是用户下载转化率和投放带来的正向效应,线下下沉市场的开辟具有重要价值,对拉新转化率影响很大。
一般极简包会有两种方案:
1、作为一个套壳App,套了一层H5。主要链路由前端去打通交易流程,然后通过更新方案引导用户升级;
2、作为一个套壳App,套了一层H5。主要链路由前端去打通交易流程,然后通过插件化的形式去动态更新Native版本的app。
无论采用上述哪种方式,作为H5的载体,只使用原生的web去打开页面体验感仍不是很好。同时还会伴有各种H5的适配联调和优化。而对于H5比较庞大的业务,如手淘,很多页面前端去适配有极大的工作量,投入产出比不高。
故淘宝极简包提供第三种方案:
3、主页由多个TAB实现,可以Native或者H5,由业务自己去选择,详情页通过H5去加载。后期升级链路是传统Apk更新或者插件化由业务方自己去选择。
由此淘宝极简包项目分离了一个可以快速搭建极简App的框架。可供作为基础脚手架,快速搭建出自己业务的极简版App。
MTAS
Mini TaoBao Application Scaffold
MTAS是淘宝极简版应用脚手架,是基于快速搭建极简包项目的App框架。
如今手机淘宝极简版采用此极简包基础框架,包大小4M+。
基础架构思维导图
极简基础框架从结构上主要分为几个部分:
▐ 极简基础服务
极简基础库 -- 主要集成集团的基础依赖,比如:网络、容器、登录等。都是经过裁剪或重构过的精简版,相较于原版冗余复杂功能多,精简版的基础依赖轻量简单功能少。只要需要的基础功能,不去额外增加包大小的负担。
统一api层 -- 要想快速搭建一个轻量的app,基础的功能封装不能少,在这个模块中,统一实现常用的功能,若是业务接入,不需要重复造轮子。只需要简单调用即可。
▐ 极简外围容器
极简外围容器由mini-网页容器sdk作为载体,外围实现极简版的相关统一拦截导航。支持登录、back、跳转、外链拉起、降级等功能。启用多webview方案代替原生webview的缓存前进后退等策略,使页面过渡更加流畅。进入前后级更加快速,交互更好。内置缓存冷启及首次启动达到秒开级别,提升用户体验。
▐ 极简升级链路
可以同时支持插件化下载、安装、切换。也可以支持传统的应用apk下载、安装、升级。通过流式调用控制下载相关的操作,调用方可以自定义下载流来做自己想做的事情,例如一些流前检查,流后处理,开关控制等等。
▐ 极简业务组件
搭建一个简版首页的基础视图组件、常用的下拉刷新、上拉加载组件、裁剪过的recyclerView等等组件,可以支持搭建简单的首页。
详细设计
极简包基础框架自下而上,从基础依赖到上层业务,一层层做解耦和分离。
业务可以调用基础功能,也可以自行扩展功能。比较灵活。
极简包定义一套轻量化方案,核心解决以下三类问题:
1、 包大小:通过轻量基础服务,以及Native + H5业务形态缩减包体大小至4M+;
2、升级转化:插件化底座实现静默更新,插件静默更新 + 兜底APK更新 + 应用市场自动更新,整体提升升级率;
3、端内体验:
-
Native化核心页面、H5预渲染、H5详情极速版提升核心链路加载体验
登录,保障包体大小前提下,支持支付宝登录、手机号一键登录&验证码登录、首页强引导。
▐ 极简基础服务
极简基础库
主要集成集团的基础依赖。都是经过裁剪或重构过的精简版,相较于原版冗余复杂功能多,精简版的基础依赖轻量简单功能少。只要需要的基础功能,不去额外增加包大小的负担。
以下介绍几个主要的裁剪基础库:
网页容器sdk裁剪对比图
mini-网页容器sdk,是一个可扩展的 Hybrid 应用解决方案,为客户端内的 Web 页面提供了强大、易用的 WebView 容器。轻量且易用,目前只有500kb,不依赖UC内核,做到小而简。
图片库sdk裁剪对比图
mini-图片库sdk,精简无线图片库sdk是阿里巴巴Android端集图像加载、显示、处理、监控于一体的一站式解决方案。覆盖业内主流图片库核心特性,同时因地制宜结合集团CDN图片处理规则,旨在更有效地节省流量、更优越的内存占用、更极致的性能优化、更流畅的加载体验。简化线程调度框架,减少图片格式支持,轻量图片降级方案,保留基础功能,对模块合并,代码优化,收缩一些负责功能。
网关sdk裁剪对比图
mini-网关sdk ,精简API网关平台,为客户端、H5和服务端提供统一、快捷、可靠的API接入以及监控报表服务。保留安全框架的能力,保障移动平台应用完整性、应用执行环境可信性、数据机密性。原生网络库减小包大小。提供plugin供前端调用。
mini-数据采集sdk,一套面向客户端开发的目前集团内覆盖app最多的数据采集SDK,具有数据安全级别高、数据到达率高、传输流量小等特点。优化代码做裁剪,去网络底层sdk依赖。
mini-登录sdk,统一登录SDK为淘系APP打造一致的账户体验,并且与安全深度集成,提供一致的安全水位。
代码裁剪,突出一键登录及sso登录,提高登录效率。缩减链路长的登录。
极简包依赖大小对比图
极简包基础依赖裁剪过后,正向收益是十分明显的,有效的降低了包大小,去除不必要的依赖和功能。使应用达到轻量化和简洁化。负向影响也可以预料,功能多样性降低,可供的选择减少。
▐ 统一api层
极简包基础框架中做了一套统一基础实现。集成常用的工具类,对功能的使用也做了封装。
基础实现包类展示
每个包的划分使职责明确。使用方可以直接用里面的各种方法。也可以自己自定义需要的功能,或者实现接口扩展想要的能力。
▐ 极简外围容器
容器外围承接了业务的基础功能,保证正常的H5流程及安全相关的支持。同时也可以自定义实现业务方自己的扩展。
拦截导航
路由拦截导航主要分为两个部分:替换器(Replace)和拦截器(Filter)。拦截器主要负责拦截并且做一些安全性的校验以及处理;替换器主要处理业务上通用的功能,方便调试测试的功能等等。
多WebView方案
为提升用户体验,极简包采用多WebView方案,对h5页面的前进、后退进行了优化,即在前进时打开一个新WebView进行页面加载,回退时可以立刻隐藏WebView实现秒退。
多WebView设计
▐ 极简升级链路
极简框架中的下载链路,可以根据策略模式自行选择,根据前置条件的分配和设置,业务层主导如何执行策略。目前升级链路内置Apk更新和插件更新,使用者也可以自定义流水线去包装成另一个策略实现更新。
插件包或者主线Apk包发布可以在与极简包解耦,互相的发布不受影响,不互相阻塞,可以提前测试,线上提前部署。
升级链路
应用升级
极简下载更新流程的架构方式主要通过流式调用来做阶段化推进。其中应用升级的流如下:
应用升级流水线
这个整个流水线也可以自己去定义。
插件升级
在插件化下载更新架构中,线上插件编译好之后,端上通过下载、安装、加载来做到切换到主包。
同时涵盖安全模式,如果插件包有异常,可以通过安全模式回滚至原来的极简包。
插件升级流水线&链路
安全模式
区别与传统的Apk升级,插件化升级的方式更加灵活、便捷、可配置。但是插件化也可能会遇到一些机型和新系统兼容性、稳定性的挑战。这时候极简基础框架就有一个安全模式作为有力的保障,在遇到一些不可预料的场景,多次错误的情况,这个后盾就可以作为兜底,在错误态的情况下还原或复原应用的正常使用态。
安全模式提供基础的安全校验,在载入插件之前,检验插件是否合法、是否安全、文件是否损坏等等,先行判断。也可以通过策略配置,去动态的控制是否需要加载插件。在保障体系中,最核心的就是回滚机制,当插件加载之后,正在运行,出现了一些崩溃等影响用户使用的案例,连续崩溃等重大错误行为严重影响用户的使用,这时候,回滚机制就会判断出出现了问题,就会回滚至极简包,而不加载插件内容,保证用户的使用和体验。
插件升级通过在wifi情况下的静默更新服务对用户做引导升级,快速切换升级至全量业务。
插件升级对于极简包升级至主包,升级率的提高,各种下单、登录成本的降低等等的业务价值很高。
思考与未来
极简包在快速获取新增用户上面的体验优势巨大,安装速度极快,基础链路保证,可以让用户体验到APP功能。架构上整包可以配置更新,版本迭代覆盖节奏可控。可以通过插件快速部署各种新包、测试包、A/B实验包来满足各种需求。
长远来看,技术上可以通过插件化动态编译技术,业务和性能可以通过hook实现自动插桩埋点、代码块或者业务块根据优先级分包下载和加载等等。
团队介绍
我们是大淘宝平台技术的「终端平台技术部」。我们拥有世界最大的电商场景和一流的移动技术平台,打造着领先行业的技术产品,服务遍布全世界10亿+的消费者,处理每日千亿级的海量用户请求。
作为阿里最重要的客户端团队,我们负责淘宝移动域研发运维支撑、原生技术挖掘、核心技术建设,包括不限于客户端体验、框架及创新体验、厂商与系统技术、用户增长及移动平台。无论是基础设施、业务创新还是技术发展,我们团队都能为你提供巨大的机遇和成长空间,期待您加入。
✿ 拓展阅读
作者|北傲
编辑|橙子君
出品|阿里巴巴新零售淘系技术