混合应用开发框架Cordova源码学习总结

瓜牛
2020-02-18 18:02:57
APP开发
APP开发 Android

有说法是，采用混合模式的WEBVIEW来开发界面，通常适用于需要经常变更的页面，比方活动页，或者其他展示页面；相对行业应用来说，哪些使用原生界面开发，哪些使用WEBVIEW来开发，需要从我们当前的痛点出发来考虑，当前行业应用主要是开发周期相对长，采用WEBVIEW的方式来开发，在通用基础则框架的基础上，则能缩短在UI上的开发时间，提升交付效率；但对WEBVIEW开发应用的体验的提升，是我们当前需要解决的最大的问题；采取的策略是，基于Cordova便于Android层面的扩展，MUI则有丰富的UI组建便于构建UI界面的基础，对于Android程序员来说，只需要安装标准的控件编写html就可以，降低对js复杂度的入门恐惧，所以采用MUI+Cordova技术框架集成方式。

混合开发通用基础框架的基本层次构思：

-------------------

WEB-UI

-------------------

Android-Plugin

-------------------

Android 系统

-------------------

开源框架

Cordova

Cordova(前身是Phonegap)，以及基于Cordova的衍生框架，比方Ionic;

Cordova是开源的APP开发框架，旨在让开发者使用HTML、JavaScript、CSS等Web API开发跨平台的移动平台应用程序；主要提供了用JavaScripte访问移动平台API的能力；Ionic则是可以使用HTML5构建混合移动应用的用户界面框架，简单说是提供了一套基于AngularJS的UI库。

依托Android原生的WebView，Cordova库有源码，并提供了可扩展的JS和本地库之间互相调用的插件功能，便于后续的扩展开发；但从WebView之间切换的性能优化来看，体验不如原生应用，仅适合单页面的展示类应用。

MUI

MUI框架是一个基于HTML5+规范的前端UI框架，利用HTML5+扩展的原生能力，解决常用UI控件的性能和跨平台问题。使用MUI框架，可以简单方便的开发出高性能的APP，同时MUI也可以自动适应没有HTML5+环境的普通浏览器，降低为普通WEB APP。

从MUI提供的SDK来看，前端控件非常全，能满足常用行业应用的开发；但需要依托HTML5+规范的能力，否则会降低为普通的WEB APP；

缺点：MUI Android SDK的lib库中只有jar包，对于不支持HTML5+环境的WEBVIEW, Android NATIVE层代码不可定制修改。

另外，路由拦截和调整也是需要考虑的，阿里开源的ARoute可以做为参考。

白俊遥博客