DCloud-主流hybrid APP框架

 

    混合APP的兩種架構，H5 + Webview，React native結構(上圖)。

Pj01 Cordova

Cordova是Apache軟件基金會的一個產品。其前身是PhoneGap，由Nitobi開發，2011年10月，Adobe收夠了Nitobi，而且PhoneGap項目也被貢獻給Apache軟件基金會。Apache在2012年12月，發佈了Cordova。

    該框架的目標用戶羣體是原生開發者，其設計初衷是但願用戶羣體可以經過跨平臺開發的方法下降原生開發的成本。爲此，開發人員須要安裝原生開發環境，配置工程，使用HTML五、CSS三、JS和原生SDK生成應用。

    Cordova的優點很明顯，可使用的框架、原生接口、支持平臺都不少。

 

項目分析

分析報告

 

總結：

    生態成熟，有更多可搭配工具使用，開源代碼可自由定製；

 

Ref:

     https://www.w3cschool.cn/cordova/

     http://cordova.axuer.com/

     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:

     http://www.appcan.cn/

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:

     http://www.dcloud.io/

     https://github.com/dcloudio/mui

 

Pj05 APICloud

    APICloud提供原生應用的功能模塊（設備訪問，界面佈局，開放SDK等），開發者能夠經過JS調用。前端工程師負責頁面佈局，UI展示，及簡單的交互，原生模塊負責性能方面和功能實現，二者結合造成一個完整的應用。同時APICloud提供了雲數據庫的功能，前端沒必要了解PHP，Node.js等後端語言，經過JS接口或Restful API實現數據庫的增刪改查。

    可是APICloud的更新速度很快，版本不太穩定。並且，它是爲不懂APP開發的人士準備的，不適合科技公司和程序員。

項目分析

分析報告

 

總結：

    生態很差，名聲很差，面向羣體不適合？；

 

Ref:

     https://www.apicloud.com/  

 

Pj06 React Native

    在移動開發領域引發了轟動，React Native 是來自 Facebook 開發人員發佈的完整的 JS 框架。RN 爲開發人員提供了建立本地應用程序很是類似的跨平臺軟件的能力，它基於 ReactJS 庫。

項目分析

分析報告

 

總結：

    學習成本高，很火，坑多；

 

Ref:

     https://reactnative.cn/

     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:

     http://www.wex5.com/wex5/

 

 

Ref:

    幾款移動跨平臺App開發框架比較

    hybrid app

    用於HTML5移動開發的10大移動APP開發框架

     跨平臺APP----對Cordova,APPCan,DCloud,APICloud四大平臺的分析