基於Html5的移動端開發框架的研究

下面統計信息部分來自網絡,不表明我的觀點。請你們參考。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,還須要進一步根據需求驗證框架的可實施性、並進行不一樣框架的效果對比。
相關文章
相關標籤/搜索