饿了么移动APP的架构演进

2021年11月23日 阅读数:3
这篇文章主要向大家介绍饿了么移动APP的架构演进,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

0 引言

时代演进,技术也随之发展。到今天,APP已然成为绝大多数互联网企业用来获取用户的核心渠道。与此同时,伴随着业务量的增加,越来越大、越来越多的APP也在不断地、持续地挑战着每个移动端研发人员的知识深度,而咱们的移动端技术人员也在这个不断接受挑战的过程当中,成就了今天的移动互联网时代。饿了么移动APP就是这样一个挑战,多用户量、多业务量,在接受着更多更挑剔用户的同时,默默地、不断地演进着移动端的架构。编程

1 MVC

咱们常说,脱离业务谈架构就是纯粹的刷流氓。饿了么移动APP的发展也是其业务发展的一面镜子。服务器

在饿了么业务发展的早期,移动APP经历从无到有的阶段。为了快速上线抢占市场,传统移动APP开发的MVC架构成了“短平快”思路的首选:网络

 
图1 MVC架构

这种架构以层次结构简单清晰,代码容易开发而被大多数人所接受。数据结构

在MVC的体系架构中,Controller层负责整个APP中主要逻辑功能的实现;Model层则负责数据结构的描述以及数据持久化的功能;而View层做为展示层负责渲染整个APP的UI。分工清晰,简洁明了;而且这种系统架构在语言框架层就获得了Apple的支持,因此很是适用于APP的startup开发。架构

而后,这种架构在开发的后期会因为其超高耦和性,从而造就庞大Controller层,而这也是一直被人所诟病。最终的MVC都从Model-View-Controller走向了Massive-View-Controller 的终点。框架

2 Module Decoupled

“短平快”的MVC架构帮助饿了么移动APP快速抢占了市场。而随着代码量的不断增长,臃肿的Controller层也在渐露头角;而业务上,饿了么移动APP也从单一APP发展为多APP齐头并进的格局。这时候,若是下降耦合,复用已有模块成了架构的第一要务。工具

架构中,模块复用的第一要求即是代码的功能组件化。组件化意味着拥有独立功能的代码从系统中进行抽象并剥离,再以“插件”的形式插回原有系统中。这样剥离出来的功能组件,即可以供其余APP进行使用,从而下降系统中模块与模块之间的耦和性;也同时提升了APP之间代码的复用性。组件化

饿了么移动对于组件有两种定义:公有组件和业务组件。公有组件指的是封装得比较好的一些SDK,包括一些第三方组件和本身内部使用的组件。如iOS中最著名的网络SDK AFNetworking,Android下OKHttp,都是这类组件的表明。而对于业务组件,则定义为包含了一系列业务功能的总体,例如登陆业务组件,注册业务组件,即为此类组件的典型表明。性能

对于公有组件,饿了么移动采起了版本化的管理方式,而这在iOS和Android平台上也早有比较成熟的解决方案。例如,对于iOS平台,CocoaPods基本上成为了代码组件化管理的标配;在Android平台上,Gradle也是很是成熟和稳健的方案。采用以上管理工具的另外一个缘由在于,对企业开发而言,代码也是一种商业机密。基于保密性的目的,支持内网搭建私有服务器成为了必需。以上的管理工具都可以很好地支持这些操做。动画

对于业务的组件化,咱们采起了业务模块注册机制的方式来达到解耦合的目的。每一个业务模块对外提供相应的业务接口,同时在系统启动的时候向Excalibur系统注册本身模块的Scheme(Excalibur是饿了么移动用来保存Scheme与模块之间映射的系统,同时能根据Scheme进行Class反射返回)。 当其余业务模块对该业务模块有依赖时,从Excalibur系统中获取相关实例,并调用相应接口来实现调用,从而实现了业务模块之间的解耦目的。

而在业务组件,即业务模块的内部,则能够根据不一样开发人员的偏好,来实现不一样的代码架构。如如今讨论得比较火的MVVM, MVP等,均可以在模块内部进行而不影响总体系统架构。

这时候的架构看起来更像是这样:

 
图2 EMC架构

这种E(Excalibur)M(Modules)C(Common)架构以高内聚、低耦合为主要的特色,以面向接口编程为出发点,下降了模块与模块之间的联系。

该架构的另一大好处则在于解决了不一样系统版本的兼容性问题。这里举iOS平台下的WebView做为例子来进行说明。Apple从iOS8系统开始提供了一套更好的Web支持框架——WebKit,但在iOS7系统下却没法兼容,从而致使Crash。使用此类架构,能够在iOS7系统下仍然注册使用传统的WebView来渲染网页,而在iOS8及其以上系统注册WebKit来做为渲染网页的内核。即避免了Apple严格的审核机制,又达到了动态加载的目的。

3 Hybrid

移动APP的开发有两种不一样的路线,Native APP和Web APP。这两种路线的区别相似于PC时代开发应用程序时的C/S架构和 B/S架构。

以上咱们谈到的都属于典型的Native APP,即全部的程序都由本地组件渲染完成。这类APP优势是显而易见的,渲染速度快、用户体验好;缺点同时也十分突出:出现了错误必定要等待下一次用户进行APP更新才可以修复。

Web APP的优势刚好就是Native APP的缺点所在,其页面所有采用H5撰写并存放在服务器端。每次进行页面渲染时都从服务器请求最新的页面。一旦页面有错误服务器端进行更新便能马上解决。不过其弊端也容易窥见:每次页面都须要请求服务器,形成渲染时等待时间过长,从而致使的用户体验不够完美,而且性能上较Native APP慢了1-2个数量级;与此同时还会致使更多的用户流量消耗。另外一个缺点则在于,Web APP在移动端上调用本地的硬件设备存在必定的不便。不过这些弊端也都有相应的解决方案,如PhoneGap将网页提早打包在本地以减小网络的请求时间;同时也提供一系列的插件来访问本地的硬件设备。然而,尽管如此,其渲染速度上仍是会稍微存在必定的差距。

Hybrid APP则是综合了两者优缺点的解决方案。饿了么移动对于此二类APP的观点在于,纯粹展现性的模块会更适合使用Web页面来达到渲染的目的;而更多的数据操做性、动画渲染性的模块则更适合采用Native的方式。

基于以前的EMC架构,咱们将部分模块从新进行了架构:

 
图3 Hybrid-EMC架构

Hybrid-EMC架构中,Web做为一个子模块,注册加入到整个系统中,从而实现让业务上须要快速迭代的模块达到实时更新的效果。

4 React-Native & Hot Patch

通过这些年的业务发展,Hybrid提供的展现界面更新方案也逐渐地没法知足APP更新迭代的须要。所以愈来愈多的动态部署的方案被提了出来,好比iOS下的JSPatch, waxPatch,Android下的Dexpose,AndFix, ClassLoader,都是比较成熟Hot Patch动态部署解决方案。这些方案的思路都是经过下载远程服务器的代码来动态更新本地的代码行为。

React-Native则属于另外一种动态部署的方案,其核心原理在于经过JavaScript来调用本地组件进行界面的渲染。

而饿了么移动APP发展到今天,各个APP综合用户量已通过亿。所以一个很是小的Bug所带来的问题均可能会直接影响到几万人的使用。为了保证APP的稳定性和健壮性,Hot Patch方案也就成了当下最有待解决的问题。

根据80%的用户访问20%页面这一80/20原则,保证这20%访问最频繁的页面的稳定性就是保证了80%的APP的稳定性。所以,饿了么移动对于部分访问最频繁的模块进行了React-Native备份。当这部分页面出现问题时,APP能够经过服务器的配置,自动切换成React-Native的备份页面;而与此同时开发人员开发一个小而精的Hot Patch来修复出现的问题。当Hot Patch完成修补后,再切换回Native APP的原生功能。

这时候的架构看起来会像是这样:

 
图4 HotPatch-EMC架构

HotPatch-EMC的架构主要目标在于解决移动APP的稳定性问题。经过RN与Native的主备,能够减小系统APP出错带来的失误成本。

5 结语

咱们都知道,对于软件工程来讲,这世上没有银弹。对于架构而言其实也很是的适用。业务的不断更新,带来了饿了么移动APP架构的不断演进。

架构没有真正的好坏之分,只要适用于本身的业务,就是好的架构!



做者:圣迪
连接:https://www.jianshu.com/p/2141fb0dc62c
来源:简书
著做权归做者全部。商业转载请联系做者得到受权,非商业转载请注明出处。