打造淘宝极简包的轻量化框架

简介: 打造淘宝极简包的轻量化框架

1.gif如今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+。

image.png

极简基础框架从结构上主要分为几个部分:

 极简基础服务

极简基础库 -- 主要集成集团的基础依赖,比如:网络、容器、登录等。都是经过裁剪或重构过的精简版,相较于原版冗余复杂功能多,精简版的基础依赖轻量简单功能少。只要需要的基础功能,不去额外增加包大小的负担。

统一api层 -- 要想快速搭建一个轻量的app,基础的功能封装不能少,在这个模块中,统一实现常用的功能,若是业务接入,不需要重复造轮子。只需要简单调用即可。

 极简外围容器

极简外围容器由mini-网页容器sdk作为载体,外围实现极简版的相关统一拦截导航。支持登录、back、跳转、外链拉起、降级等功能。启用多webview方案代替原生webview的缓存前进后退等策略,使页面过渡更加流畅。进入前后级更加快速,交互更好。内置缓存冷启及首次启动达到秒开级别,提升用户体验。

 极简升级链路

可以同时支持插件化下载、安装、切换。也可以支持传统的应用apk下载、安装、升级。通过流式调用控制下载相关的操作,调用方可以自定义下载流来做自己想做的事情,例如一些流前检查,流后处理,开关控制等等。

 极简业务组件

搭建一个简版首页的基础视图组件、常用的下拉刷新、上拉加载组件、裁剪过的recyclerView等等组件,可以支持搭建简单的首页。

详细设计

极简包基础框架自下而上,从基础依赖到上层业务,一层层做解耦和分离。

业务可以调用基础功能,也可以自行扩展功能。比较灵活。

极简包定义一套轻量化方案,核心解决以下三类问题:

1、 包大小:通过轻量基础服务,以及Native + H5业务形态缩减包体大小至4M+;

2、升级转化:插件化底座实现静默更新,插件静默更新 + 兜底APK更新 + 应用市场自动更新,整体提升升级率;

3、端内体验:

  • Native化核心页面、H5预渲染、H5详情极速版提升核心链路加载体验
  • 登录,保障包体大小前提下,支持支付宝登录、手机号一键登录&验证码登录、首页强引导。

image.png

 极简基础服务

  • 极简基础库

主要集成集团的基础依赖。都是经过裁剪或重构过的精简版,相较于原版冗余复杂功能多,精简版的基础依赖轻量简单功能少。只要需要的基础功能,不去额外增加包大小的负担。

以下介绍几个主要的裁剪基础库:

image.png

mini-网页容器sdk,是一个可扩展的 Hybrid 应用解决方案,为客户端内的 Web 页面提供了强大、易用的 WebView 容器。轻量且易用,目前只有500kb,不依赖UC内核,做到小而简。

image.png

mini-图片库sdk,精简无线图片库sdk是阿里巴巴Android端集图像加载、显示、处理、监控于一体的一站式解决方案。覆盖业内主流图片库核心特性,同时因地制宜结合集团CDN图片处理规则,旨在更有效地节省流量、更优越的内存占用、更极致的性能优化、更流畅的加载体验。简化线程调度框架,减少图片格式支持,轻量图片降级方案,保留基础功能,对模块合并,代码优化,收缩一些负责功能。


image.png

image.png


mini-网关sdk ,精简API网关平台,为客户端、H5和服务端提供统一、快捷、可靠的API接入以及监控报表服务。保留安全框架的能力,保障移动平台应用完整性、应用执行环境可信性、数据机密性。原生网络库减小包大小。提供plugin供前端调用。

mini-数据采集sdk,一套面向客户端开发的目前集团内覆盖app最多的数据采集SDK,具有数据安全级别高、数据到达率高、传输流量小等特点。优化代码做裁剪,去网络底层sdk依赖。

mini-登录sdk,统一登录SDK为淘系APP打造一致的账户体验,并且与安全深度集成,提供一致的安全水位。

代码裁剪,突出一键登录及sso登录,提高登录效率。缩减链路长的登录。

image.png

极简包依赖大小对比图

极简包基础依赖裁剪过后,正向收益是十分明显的,有效的降低了包大小,去除不必要的依赖和功能。使应用达到轻量化和简洁化。负向影响也可以预料,功能多样性降低,可供的选择减少。

 统一api层

极简包基础框架中做了一套统一基础实现。集成常用的工具类,对功能的使用也做了封装。

image.png

基础实现包类展示

每个包的划分使职责明确。使用方可以直接用里面的各种方法。也可以自己自定义需要的功能,或者实现接口扩展想要的能力。

 极简外围容器

容器外围承接了业务的基础功能,保证正常的H5流程及安全相关的支持。同时也可以自定义实现业务方自己的扩展。

  • 拦截导航

路由拦截导航主要分为两个部分:替换器(Replace)和拦截器(Filter)。拦截器主要负责拦截并且做一些安全性的校验以及处理;替换器主要处理业务上通用的功能,方便调试测试的功能等等。

  • 多WebView方案

为提升用户体验,极简包采用多WebView方案,对h5页面的前进、后退进行了优化,即在前进时打开一个新WebView进行页面加载,回退时可以立刻隐藏WebView实现秒退。

image.png

多WebView设计

 极简升级链路

极简框架中的下载链路,可以根据策略模式自行选择,根据前置条件的分配和设置,业务层主导如何执行策略。目前升级链路内置Apk更新和插件更新,使用者也可以自定义流水线去包装成另一个策略实现更新。

插件包或者主线Apk包发布可以在与极简包解耦,互相的发布不受影响,不互相阻塞,可以提前测试,线上提前部署。

image.png

升级链路

  • 应用升级

极简下载更新流程的架构方式主要通过流式调用来做阶段化推进。其中应用升级的流如下:

image.png

应用升级流水线

这个整个流水线也可以自己去定义。

  • 插件升级

在插件化下载更新架构中,线上插件编译好之后,端上通过下载、安装、加载来做到切换到主包。

同时涵盖安全模式,如果插件包有异常,可以通过安全模式回滚至原来的极简包。

image.png

插件升级流水线&链路

  • 安全模式

区别与传统的Apk升级,插件化升级的方式更加灵活、便捷、可配置。但是插件化也可能会遇到一些机型和新系统兼容性、稳定性的挑战。这时候极简基础框架就有一个安全模式作为有力的保障,在遇到一些不可预料的场景,多次错误的情况,这个后盾就可以作为兜底,在错误态的情况下还原或复原应用的正常使用态。

安全模式提供基础的安全校验,在载入插件之前,检验插件是否合法、是否安全、文件是否损坏等等,先行判断。也可以通过策略配置,去动态的控制是否需要加载插件。在保障体系中,最核心的就是回滚机制,当插件加载之后,正在运行,出现了一些崩溃等影响用户使用的案例,连续崩溃等重大错误行为严重影响用户的使用,这时候,回滚机制就会判断出出现了问题,就会回滚至极简包,而不加载插件内容,保证用户的使用和体验。

插件升级通过在wifi情况下的静默更新服务对用户做引导升级,快速切换升级至全量业务。

插件升级对于极简包升级至主包,升级率的提高,各种下单、登录成本的降低等等的业务价值很高。

思考与未来

极简包在快速获取新增用户上面的体验优势巨大,安装速度极快,基础链路保证,可以让用户体验到APP功能。架构上整包可以配置更新,版本迭代覆盖节奏可控。可以通过插件快速部署各种新包、测试包、A/B实验包来满足各种需求。

长远来看,技术上可以通过插件化动态编译技术,业务和性能可以通过hook实现自动插桩埋点、代码块或者业务块根据优先级分包下载和加载等等。

相关文章
|
6月前
|
分布式计算 测试技术 API
为集成LLM到测试平台提供更便捷的方式:为讯飞的LLM星火创建接入LangChain类(全部源代码)
为集成LLM到测试平台提供更便捷的方式:为讯飞的LLM星火创建接入LangChain类(全部源代码)
363 0
|
9月前
|
数据安全/隐私保护 开发者 异构计算
阿里巴巴开源可控视频生成框架VideoComposer!(内含体验、推理实践干货)
8月16日,时间、空间可控的视频生成模型 VideoComposer 在魔搭社区开源。
阿里巴巴开源可控视频生成框架VideoComposer!(内含体验、推理实践干货)
|
2月前
|
自然语言处理 安全 数据挖掘
短剧系统开发/稳定版/海外版/多语言/成熟技术/方案项目/源码流程
The functions of the short drama system can include but are not limited to the following aspects:
|
4月前
|
机器学习/深度学习 搜索推荐 算法
直接调用通用大模型开发应用与基于开源大模型“自研”两种方式比较
【1月更文挑战第23天】直接调用通用大模型开发应用与基于开源大模型“自研”两种方式比较
64 1
直接调用通用大模型开发应用与基于开源大模型“自研”两种方式比较
|
10月前
|
缓存
提升直播软件源码开发平台性能关键利器功能
直播软件源码平台缓存功能的示例用法 cache = LiveStreamCache() cache.add_to_cache("stream1", "直播内容1") cache.add_to_cache("stream2", "直播内容2") content1 = cache.get_from_cache("stream1") print(content1) cache.remove_from_cache("stream2") content2 = cache.get_from_cache("stream2") print(content2)
|
5月前
|
前端开发 JavaScript IDE
蚂蚁CodeFuse新版发布,前端能力优化,支持安卓开发
蚂蚁百灵研发助手 CodeFuse 插件发布新版,本版本新增支持 Android Studio,并针对 JavaScript、TypeScript 等前端语言优化了模型效果,同时还将输出Token增加到最多 1024 个。目前 CodeFuse 处于邀请测试阶段,欢迎各位开发者前往官网申请资格参与测试。在之前已安装插件的用户需要下载最新版本,才可享受 CodeFuse 插件最新能力。
131 1
|
5月前
|
监控 数据可视化 安全
智慧化工地SaaS平台源码,PC端+APP端+智慧数据可视化大屏端,源码完全开源不封装,自主研发,支持二开,项目使用,微服务+Java++vue+mysql
智慧化工地SaaS平台源码,PC端+APP端+智慧数据可视化大屏端,源码完全开源不封装,自主研发,支持二开,项目使用,微服务+Java++vue+mysql
98 0
|
7月前
|
存储 网络协议 调度
淘宝移动端统一网络库的架构演进和弱网优化技术实践
本文将介绍淘宝 APP 统一网络库演进的过程,讲述如何围绕体验持续构建南北向从监测到加速一体化的终端网络架构,通过构建 NPM 弱网诊断感知能力,落地原生多通道技术/多协议择优调度手段,贴合厂商附能网络请求加速,实现去 SPDY 及规模化 IPv6/H3 协议簇的平滑过渡,为用户提供弱网更好、好网更优的 APP 加载浏览体验,支撑业务创造更多的可能性。
250 0
|
10月前
|
机器学习/深度学习 人工智能 资源调度
隐语1.0正式发布|MVP部署体验包、资源调度框架Kuscia全新亮相!
隐语1.0正式发布|MVP部署体验包、资源调度框架Kuscia全新亮相!
231 0
|
机器学习/深度学习 人工智能 对象存储
PAI 的视觉模型平台插件|学习笔记
快速学习 PAI 的视觉模型平台插件。
81 0
PAI 的视觉模型平台插件|学习笔记