下面統計信息部分來自網絡,不表明我的觀點。請你們參考。javascript
基於Html5移動端開發框架調查 | ||||||||||
序號 | 框架 | 簡介 | 優勢 | 缺點 | 備註 | 側重點 | ||||
1 | PhoneGap | PhoneGap是一個用基於HTML,CSS和JavaScript的,建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯繫人,聲音和振動等,此外PhoneGap擁有豐富的插件,能夠調用。 | 1.可跨平臺。phonegap框架幫咱們解決了差別性,javascript與平臺系統的鏈接由phonegap框架完成。成爲鏈接移動終端的適配器,或者說中間件。 2.提供硬件訪問控制。可調用加速計、攝像頭、羅盤、通信錄、文檔、地理定位、媒體、網絡、通知(警告、聲音和振動)、存儲。 3.可利用成熟javascript框架。如:Ext js、jQuery。 |
1.性能差。運行速度慢,UI反應延時——這是個致命傷。(高端機影響不大) 2.不能徹底跨平臺。不一樣平臺代碼須要微調。 3.內存消耗大。 4.調試難度大。 |
官網:http://phonegap.com/ | 側重於對硬件的訪問控制 | ||||
2 | Ionic | Ionic 是一個強大的 HTML5 應用程序開發框架,號稱 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移動端解決方案 能夠幫助您使用 Web 技術,好比 HTML、 CSS 和Javascript 構建接近原生體驗的移動應用程序。 Ionic 主要關注外觀和體驗,以及和你的應用程序的 UI 交互,特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。 Ionic 是一個輕量的手機 UI 庫,具備速度快,界面現代化、美觀等特色。爲了解決其餘一些UI 庫在手機上運行緩慢的問題。 | 1.追求性能 運行速度快 2.輕量級框架 3.基於 Angularjs,支持 Angularjs的特性, MVC ,代碼易維護 4.經過 SASS 構建應用程序。它提供了不少 UI 組件來幫助開發者開發強大的應用。 5.接近原生。 6.強大的命令行工具 |
1.Ionic是一個前段框架。不能徹底取代PhoneGap和JavaScript框架的做用 2.須要結合插件使用。 |
官網:http://ionicframework.com/ | 側重於前端的交互 | ||||
3 | Hbuilder(國產) | HBuilder是DCloud(數字天堂)推出一款支持HTML5的Web開發IDE。「快,是HBuilder的最大優點,經過完整的語法提示和代碼輸入法、代碼塊及不少配套,HBuilder能大幅提高HTML、js、css的開發效率。 | 一、HTML5語法、HTML5+語法、三大瀏覽器擴展語法,盡收HBuilder中。 二、每一個瀏覽器發佈新版後,一週內,其新增語法就收錄入HBuilder。 三、強大到令你震驚的Jquery語法提示! 四、每一個語法在哪一個瀏覽器、哪一個版本上是否可運行,這裏都有。 五、沒有比這裏更全的語法庫,也沒有比這裏更全的瀏覽器兼容性數據庫。 |
1.雲端編譯,沒法保證安全性。 2.不能徹底跨平臺。不一樣平臺代碼須要微調。 |
官網:http://dcloud.io/ | 側重於編碼實現 | ||||
4 | appcan(國產) | AppCan是國內Hybrid App混合模式開發的倡導者,AppCan應用引擎支持Hybrid App的開發和運行。而且着重解決了基於HTML5的移動應用"不流暢"和"體驗差"的問題。使用AppCan應用引擎提供的Native交互能力,可讓HTML5開發的移動應用基本接近Native App的體驗。 與Phonegap支持單一webview使用div爲單位開發移動應用不一樣。AppCan支持多窗口機制,讓開發者能夠像最傳統的網頁開發同樣,經過頁面連接的方式靈活的開發移動應用。基於這種機制,開發者能夠開發出大型的移動應用,而不是隻能開發簡易類型的移動應用。 AppCan提供強大的設備調用能力,電話、短信、相機、LBS、傳感器、數據庫等經常使用的手機功能,開發者能夠經過JS接口調用,輕鬆構建移動應用。 |
1.跨平臺:同時支持iOS、Android、Symbian、Windows Phone 2.原生體驗:引入原生UI控件與交互支持(如Action Sheet等) 3.開發工具:基於Eclipse的開發工具,集成UI控件與應用管理 4.UI框架:提供強大的UI框架,更加易於實現頁面佈局與交互 5.設備API:支持各類手機設備調用,如電話、相機、傳感器、定位等 6.本地打包:無需配置環境,無需編譯,本地一鍵打包 7.插件機制:支持第三方原生插件,支持JS插件 8.代碼加密:基於密鑰的加密方式,沒法破解,像混編同樣保護html代碼 統計分析:應用分平臺安裝數統計,應用啓動和使用狀況統計 9.開放平臺:更具本土優點,已經對接Sina、QQ、百度等開放平臺 10.技術支持:技術支持及時響應,重視開發者建議和反饋 |
1.AppCan免費版因須要把源代碼上傳到廠商的服務器上打包,對於企業開發來講源代碼泄露安全性上有必定風險。企業版雖然能夠解決,但企業版穩定尚待觀察。 2.AppCan採用封裝的組件,依賴性比較高。不是開源代碼。 3.AppCan 不能很好的解決原生代碼的功能。 |
官網;http://www.appcan.cn/ | |||||
5 | Wex5(國產) | WeX5應用快速開發框架(含完整的SDK API及所有源碼),一次開發、跨端運行。 【定位】開發面向消費者和公衆的開放應用系統 【適用】通常app、電商app、客服app、會員app、微店微商等 【前端】安卓app/蘋果app/微信服務號/PC web app 【後端】後端數據處理組件,對接各主流技術平臺 【費用】徹底開源,完全免費,無任何限制 |
1.高效精緻的UI組件體系,基於jquery和bootstrap技術,採用加強的RequireJS模塊化技術。 2.基於phonegap(cordova)框架,如相機、地圖、LBS定位、指南針、通信錄、文件、語音、電池等。 3.可視化拖拽式集成開發環境IDE,全能力的調試支持和智能代碼提示 |
1.使用範圍有限:適用:通常app、電商app、客服app、會員app、微店微商等 2.用戶量小,存在不穩定因素。 |
官網:http://wex5.com/ | |||||
6 | ApiCloud(國產) | APICloud是中國領先的「雲端一體」的移動應用雲服務提供商。APICloud推行「雲端一體」的理念,從新定義了移動應用開發。APICloud爲開發者從「雲」和「端」兩個方向提供API,簡化移動應用開發技術,讓移動應用的開發週期從一個月縮短到7天。APICloud由「雲API」和「端API」兩部分組成,能夠幫助開發者快速實現移動應用的開發、測試、發佈、管理和運營的全生命週期管理。 APICloud致力成爲中國領先的移動垂直領域雲服務商,幫助傳統軟件公司從B/S架構成功走向APP,幫助中國數百萬web開發者轉化成移動APP專家!。 |
1.提供開發的IDE。 2.提供數據雲API、統計雲API、推送雲API |
與Hbuilder存在版權問題 | 官網:http://www.apicloud.com/ | |||||
結論: | ||||||||||
1.跨平臺方面:大部分框架針對android和ios平臺,須要作或多或少的代碼調整,不能達到徹底跨平臺。 | ||||||||||
2.性能方面:根據不徹底統計,Ionic的性能會更好一點。 | ||||||||||
3.代碼實現方面:Hbuilder具備更高的效率。 | ||||||||||
4.PhoneGap出現最先,國內框架都是基於Phonegap開發出來的。 | ||||||||||
注意: | ||||||||||
*關於框架的優缺點衆說紛紜,從整體看,hybrid app並無達到native app的實現效果。 | ||||||||||
*各框架在實現過程當中都會遇到不一樣程度的坑,請根據框架的側重點謹慎選擇應用的框架。 | ||||||||||
*若是要基於Html5開發App,還須要進一步根據需求驗證框架的可實施性、並進行不一樣框架的效果對比。 |