混合應用開發框架Cordova原始碼學習總結
阿新 • • 發佈：2018-11-04
有說法是，採用混合模式的WEBVIEW來開發介面，通常適用於需要經常變更的頁面，比方活動頁，或者其他展示頁面；相對行業應用來說，哪些使用原生介面開發，哪些使用WEBVIEW來開發，需要從我們當前的痛點出發來考慮，當前行業應用主要是開發週期相對長，採用WEBVIEW的方式來開發，在通用基礎則框架的基礎上，則能縮短在UI上的開發時間，提升交付效率；但對WEBVIEW開發應用的體驗的提升，是我們當前需要解決的最大的問題；採取的策略是，基於Cordova便於Android層面的擴充套件，MUI則有豐富的UI組建便於構建UI介面的基礎，對於Android程式設計師來說，只需要安裝標準的控制元件編寫html就可以，降低對js複雜度的入門恐懼，所以採用MUI+Cordova技術框架整合方式。
混合開發通用基礎框架的基本層次構思：
------------------- WEB-UI
-------------------
Android-Plugin
-------------------
Android 系統 -------------------
另外，路由攔截和調整也是需要考慮的，阿里開源的ARoute可以做為參考。
混合開發通用基礎框架的基本層次構思：
------------------- 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可以做為參考。