混合APP的兩種架構,H5 + Webview,React native結構(上圖)。
Pj01 Cordova
Cordova是Apache軟件基金會的一個產品。其前身是PhoneGap,由Nitobi開發,2011年10月,Adobe收夠了Nitobi,並且PhoneGap項目也被貢獻給Apache軟件基金會。Apache在2012年12月,發布了Cordova。
該框架的目標用戶群體是原生開發者,其設計初衷是希望用戶群體能夠通過跨平台開發的方法降低原生開發的成本。為此,開發人員需要安裝原生開發環境,配置工程,使用HTML5、CSS3、JS和原生SDK生成應用。
Cordova的優勢很明顯,可以使用的框架、原生接口、支持平台都很多。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
生態成熟,有更多可搭配工具使用,開源代碼可自由定制;
Ref:
https://www.w3cschool.cn/cordova/
https://github.com/apache/cordova-android
https://github.com/apache/cordova-lib
Pj02 Ionic
Ionic = Cordova + AngularJS + 一套樣式庫。
ionic是一個專注於用WEB開發技術,基於HTML5創建類似於手機平台原生應用的一個開發框架。綁定了AngularJS和Sass。這個框架的目的是從web的角度開發手機應用,基於PhoneGap的編譯平台,可以實現編譯成各個平台的應用程序。
1.ionic 基於Angular語法,簡單易學。
2.ionic 是一個輕量級框架。
3.ionic 完美的融合下一代移動框架,支持 Angularjs 的特性, MVC ,代碼易維護。
4.ionic 提供了漂亮的設計,通過 SASS 構建應用程序,它提供了很多 UI 組件來幫助開發者開發強大的應用。
5.ionic 專注原生,讓你看不出混合應用和原生的區別
6.ionic 提供了強大的命令行工具。
7.ionic 性能優越,運行速度快。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
AngularJS 學習曲線陡峭,需要時間,性能較好,備選;
Ref:
http://www.runoob.com/ionic/ionic-tutorial.html
https://github.com/ionic-team/ionic
Pj03 AppCan
AppCan成立於2010年,2011年推出產品並測試,2012年正式推出品牌,2013年商業模式成型,2014年開發者注冊約70w。AppCan不是開源平台,同時,企業版和部分插件是收費的。換句話說,AppCan只是一個賣軟件的商業公司。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
閉源,商業化產品,免費版限制太多;
Ref:
Pj04 DCloud
DCloud大部分產品開源,W3C會員單位,HTML5中國產業聯盟的發起公司之一,在HTML5這個行業有一定的江湖地位。旗下四款產品:HBuilder、5+ Runtime、MUI、流應用都是彌補並擴展HTML5特性的產品。該公司的理念就是解決HTML5的性能、工具、能力三方面的問題。
MUI是一款不錯的前端框架,性能比 jQuery Mobile、Bootstrap好很多,主要區別:
設計思路不同,MUI堅持用原生JS做,不依賴jQuery或者Angularjs。
MUI調用了5+ Runtime的底層原生加速,比不帶原生加速的框架更快。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
生態已初步完善,技術完整(基礎框架+開發工具),免費+MUI開源,標准HTML5路線,適合專業開發人員;
Ref:
https://github.com/dcloudio/mui
Pj05 APICloud
APICloud提供原生應用的功能模塊(設備訪問,界面布局,開放SDK等),開發者可以通過JS調用。前端工程師負責頁面布局,UI展現,及簡單的交互,原生模塊負責性能方面和功能實現,兩者結合形成一個完整的應用。同時APICloud提供了雲數據庫的功能,前端不必了解PHP,Node.js等后端語言,通過JS接口或Restful API實現數據庫的增刪改查。
但是APICloud的更新速度很快,版本不太穩定。而且,它是為不懂APP開發的人士准備的,不適合科技公司和程序員。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
生態不好,名聲不好,面向群體不適合?;
Ref:
Pj06 React Native
在移動開發領域引起了轟動,React Native 是來自 Facebook 開發人員發布的完整的 JS 框架。RN 為開發人員提供了創建本地應用程序非常相似的跨平台軟件的能力,它基於 ReactJS 庫。
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
學習成本高,很火,坑多;
Ref:
https://github.com/facebook/react-native
Airbnb 之后,Udacity 也加入棄用 React Native 隊列
Pj07 WeX5
WeX5是專注HTML5 App開發的快速開發工具;
完全開源、徹底免費;
用WeX5開發的HTML5 App 應用具備“一秒打開”的性能優勢;
WeX5開發者只要一次開發,就能支持同時發布成Web App、安卓App、蘋果App、微信App 等各種應用;
遵循Apache開源協議,支持開發者對開發的APP進行加密;
WeX5配置一套可視化開發環境,包含上百個組件,開發應用便捷;
項目分析
| 分析報告 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
總結:
過度的封裝與組件化,非標准化的技術路線,不適合專業的開發人員;
Ref:
Ref:
