0 前言
目前，使用HTML5開發web app或者Hybrid App已經非常常見，大公司（大衆點評、天貓）、小公司（創業團隊）也在用。但是，學習資料還是比較空缺的。這個指南是筆者個人總結，難免有誤，歡迎指正！
目前，做HTML5的App工具和平臺也有很多，我從這4個平臺挑選了一個。之前寫過3個系列的短文，分析了我爲什麼選擇DCloud這個平臺。詳情戳下面：
系列一：http://blog.csdn.net/guzhenping/article/details/50496631
系列二：http://blog.csdn.net/guzhenping/article/details/50496883
系列三：http://blog.csdn.net/guzhenping/article/details/50497238
使用DCloud平臺開發過一款APP，感覺上App的性能、功能、用戶體驗等方面都不錯，能給個80分（滿分100）。所以，對於D廠的東西還算熟悉，特意在這裏班門弄斧，歡迎交流指正。
1 DCloud平臺介紹
圖 Cloud產品架構
DCloud公司旗下有4款產品：HBuilder、5+ Runtime、MUI、流應用。
此外，該公司做了一套開源的廠商API——HTML5 Plus(H5 +)標準。該標準，是對HTML5標準的擴展和增強，彌補HTML5的能力和性能不足的問題。依照H5+標準，D廠實現了5+ Runtime，同時將其封裝在了HTML5+ SDK中。
HTML5+ Runtime是基於webview的增強runtime，擴展了大量的JS API，打通原生API和JS API的橋樑。也可以理解爲一個強化的瀏覽器引擎。所以，能在現有原生項目中使用HTML5+ SDK替換原有的webview，以獲得更強的web增強表現。
在手機設備中，webview的性能好壞決定了HTML5的性能優劣。DCloud對原生的webview進行封裝，同時擴展其功能。從時間和市場的角度來說，Android4.4以下的版本會逐步退出歷史舞臺。但是，HTML5+ SDK解決了用HTML5開發的APP在 Android4.4以下版本運行時的性能問題， 而且支持Android2.2以上版本（也支持iOS4.3以上版本）。
HBuilder是一款不錯的開發工具，縱觀，iOS開發的Xcode，Android開發的ADT、Studio，WP開發的VS，個人感覺HTML5開發App的這款編輯器，還勉強能拿的出手。可以下載試玩，免環境安裝，即可使用，內置Demo和教程。
MUI和流應用我就不分析了。MUI是一套前端框架，類似於JQuery Mobile、React Native的東西。流應用是一種推廣模式，本質上還是HTML5+ APP。
2 總結
利用DCloud平臺，APP的性能良好。動態效果都將被增強瀏覽器引擎處理，通過增強的引擎，可以在低端機上流暢的運行各種動態效果，比如側滑菜單、下拉刷新、長列表滾動等。
話說使用該APP開發，還能一次推出6個端的發佈：HTML5 瀏覽器、iOS ipa包、Android apk包、微信APP、百度直達號、流應用。
