基於Html5的移動端開發架構的研究，html5端開發架構

基於Html5的移動端開發架構的研究，html5端開發架構

下面統計資訊部分來自網路，不代表個人觀點。請大家參考。

				基於Html5移動端開發架構調查
	序號	架構	簡介	優點	缺點	備忘	側重點
	1	PhoneGap	PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平台行動裝置 App程式的快速開發平台。它使開發人員能夠利用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 構建接近原生體驗的行動裝置 App程式。 Ionic 主要關注外觀和體驗，以及和你的應用程式的 UI 互動，特別適合用於基於 Hybird 模式的 HTML5 行動裝置 App程式開發。 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的最大優勢，通過完整的文法提示和代碼IME、代碼塊及很多配套，HBuilder能大幅提升HTML、js、css的開發效率。	1、HTML5文法、HTML5+文法、三大瀏覽器延伸文法，盡收HBuilder中。 2、每個瀏覽器發布新版後，一周內，其新增文法就收錄入HBuilder。 3、強大到令你震驚的Jquery文法提示！ 4、每個文法在哪個瀏覽器、哪個版本上是否可運行，這裡都有。 5、沒有比這裡更全的文法庫，也沒有比這裡更全的瀏覽器安全色性資料庫。	1.雲端編譯，無法保證安全性。 2.不能完全跨平台。不同平台代碼需要微調。	官網：http://dcloud.io/	側重於編碼實現
	4	appcan（國產）	AppCan是國內Hybrid App混合模式開發的倡導者，AppCan應用引擎支援Hybrid App的開發和運行。並且著重解決了基於HTML5的行動裝置 App"不流暢"和"體驗差"的問題。使用AppCan應用引擎提供的Native互動能力，可以讓HTML5開發的行動裝置 App基本接近Native App的體驗。 與Phonegap支援單一webview使用div為單位開發行動裝置 App不同。AppCan支援多視窗機制，讓開發人員可以像最傳統的網頁開發一樣，通過頁面連結的方式靈活的開發行動裝置 App。基於這種機制，開發人員可以開發出大型的行動裝置 App，而不是只能開發簡易類型的行動裝置 App。 AppCan提供強大的裝置調用能力，電話、簡訊、相機、LBS、感應器、資料庫等常用的手機功能，開發人員可以通過JS介面調用，輕鬆構建行動裝置 App。	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是中國領先的“雲端一體”的行動裝置 App雲端服務供應商。APICloud推行“雲端一體”的理念，重新定義了行動裝置 App開發。APICloud為開發人員從“雲”和“端”兩個方向提供API，簡化行動裝置 App開發技術，讓行動裝置 App的開發週期從一個月縮短到7天。APICloud由“Cloud API”和“端API”兩部分組成，可以協助開發人員快速實現行動裝置 App的開發、測試、發布、管理和運營的全生命週期管理。 APICloud致力成為中國領先的移動垂直領域雲端服務商，協助傳統軟體公司從B/S架構成功走向APP，協助中國數百萬web開發人員轉化成移動APP專家！。	1.提供開發的IDE。 2.提供資料Cloud API、統計Cloud API、推送Cloud API	與Hbuilder存在著作權問題，抄襲Hbuilder	官網：http://www.apicloud.com/
		結論：
		1.跨平台方面：大部分架構針對android和ios平台，需要做或多或少的代碼調整，不能達到完全跨平台。
		2.效能方面：根據不完全統計，Ionic的效能會更好一點。
		3.代碼實現方面：Hbuilder具有更高的效率。
		4.PhoneGap出現最早，國內架構都是基於Phonegap開發出來的。
		注意：
		*關於架構的優缺點眾說紛紜，從總體看，hybrid app並沒有達到native app的實現效果。
		*各架構在實現過程中都會遇到不同程度的坑，請根據架構的側重點謹慎選擇應用的架構。
		*如果要基於Html5開發App，還需要進一步根據需求驗證架構的可實施性、並進行不同架構的效果對比。