1. 程式人生 > >基於Html5的移動端(APP)開發框架的優缺點

基於Html5的移動端(APP)開發框架的優缺點

1.框架:PhoneGap
官網:http://phonegap.com/
簡介: 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.除錯難度大。

側重點:側重於對硬體的訪問控制

2.框架:Ionic
官網:http://ionicframework.com/
簡介: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.強大的命令列工具
3.可利用成熟javascript框架。如:Ext js、jQuery。
缺點:1.Ionic是一個前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2.需要結合外掛使用。
側重點:側重於前端的互動

3.框架:Hbuilder(國產)
官網:http://dcloud.io/
簡介:HBuilder是DCloud(數字天堂)推出一款支援HTML5的Web開發IDE。“快,是HBuilder的最大優勢,通過完整的語法提示和程式碼輸入法、程式碼塊及很多配套,HBuilder能大幅提升HTML、js、css的開發效率。

優點:1、HTML5語法、HTML5+語法、三大瀏覽器擴充套件語法,盡收HBuilder中。 
2、每個瀏覽器釋出新版後,一週內,其新增語法就收錄入HBuilder。 
3、強大到令你震驚的Jquery語法提示! 
4、每個語法在哪個瀏覽器、哪個版本上是否可執行,這裡都有。 
5、沒有比這裡更全的語法庫,也沒有比這裡更全的瀏覽器相容性資料庫。
缺點:1.雲端編譯,無法保證安全性。
2.不能完全跨平臺。不同平臺程式碼需要微調。
側重點:側重於編碼實現

4.框架:appcan(國產)

官網:http://www.appcan.cn/
簡介: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 不能很好的解決原生程式碼的功能。
側重點:不知

5.框架:Wex5(國產)
官網:http://wex5.com/
簡介: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.使用者量小,存在不穩定因素。
側重點:不知

6.框架:ApiCloud(國產)

官網:http://www.apicloud.com/
簡介:APICloud是中國領先的“雲端一體”的移動應用雲服務提供商。APICloud推行“雲端一體”的理念,重新定義了移動應用開發。APICloud為開發者從“雲”和“端”兩個方向提供API,簡化移動應用開發技術,讓移動應用的開發週期從一個月縮短到7天。APICloud由“雲API”和“端API”兩部分組成,可以幫助開發者快速實現移動應用的開發、測試、釋出、管理和運營的全生命週期管理。
APICloud致力成為中國領先的移動垂直領域雲服務商,幫助傳統軟體公司從B/S架構成功走向APP,幫助中國數百萬web開發者轉化成移動APP專家!。
優點:1.提供開發的IDE。
2.提供資料雲API、統計雲API、推送雲API
缺點:與Hbuilder存在版權問題,抄襲Hbuilder
側重點:不知

結論:
1.跨平臺方面:大部分框架針對android和ios平臺,需要做或多或少的程式碼調整,不能達到完全跨平臺。         
2.效能方面:根據不完全統計,Ionic的效能會更好一點。           
3.程式碼實現方面:Hbuilder具有更高的效率。             
4.PhoneGap出現最早,國內框架都是基於Phonegap開發出來的。


注意:               
    *關於框架的優缺點眾說紛紜,從總體看,hybrid app並沒有達到native app的實現效果。           
    *各框架在實現過程中都會遇到不同程度的坑,請根據框架的側重點謹慎選擇應用的框架。           
    *如果要基於Html5開發App,還需要進一步根據需求驗證框架的可實施性、並進行不同框架的效果對比。
轉載請註明(B5教程網)原文連結:http://www.bcty365.com/content-74-2640-1.html