一、認(rèn)識跨平臺移動應(yīng)用開發(fā)(HTML5 Plus移動APP)

1.HTML5 Plus 規(guī)范

通過 HTML5 開發(fā)移動 App 時，會發(fā)現(xiàn) HTML5 很多能力不具備。為彌補 HTML5 能力 的不足，在 W3C中國的指導(dǎo)下成立了 www.HTML5Plus.org組織，推出 HTML5+規(guī)范。

2.HTML5 Plus移動App

簡稱5+App，是一種基于HTML、JS、CSS編寫的運行于手機端的App，這種App可以通過擴展的JS API任意調(diào)用手機的原生能力，實現(xiàn)與原生App同樣強大的功能和性能。

3.HTML5+擴展了JavaScript對象plus，使得js可以調(diào)用各種瀏覽器無法實現(xiàn)或?qū)崿F(xiàn)不佳的系統(tǒng)能力，設(shè)備能力如攝像頭、陀螺儀、文件系統(tǒng)等，業(yè)務(wù)能力如上傳下載、二維碼、地圖、支付、語音輸入、消息推送等。

4.使用HTML5+開發(fā)的移動App并非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web服務(wù)器上，而移動App的文件存放在手機本地，編寫移動App的html、js、css文件被打包到ipa或apk等原生安裝包，在手機客戶端運行。

二、開發(fā)環(huán)境和開發(fā)流程

1.開發(fā)環(huán)境HBuilder。HBuilder內(nèi)置HTML5+ APP開發(fā)環(huán)境，提供了一套完整的移動應(yīng)用開發(fā)解決方案。內(nèi)置HTML5+ API語法提示，提高開發(fā)效率；集成真機運行環(huán)境，方便開發(fā)后即時在真機上查看運行效果；集成應(yīng)用云端打包系統(tǒng)，不用部署xcode和Android sdk就可以打包應(yīng)用。使開發(fā)者只需要使用HTML5、Javascript、CSS技術(shù)就可以快速開發(fā)跨平臺的移動應(yīng)用。

2.使用CastApp（基于H5+進(jìn)行二次封裝的開發(fā)框架）快捷、高效開發(fā)。

3.使用mui框架。mui是封裝了原生的HTML5+的API的一個UI框架，方便開發(fā)者迅速開發(fā)應(yīng)用。含mui.css（提供了很多頁面樣式）和mui.js（封裝了原生HTML5+API）。mui框架，它的性能更高，樣式也更接近原生App，并且mui調(diào)用了HTML5+擴展能力，可以實現(xiàn)更好的體驗。請注意，mui只封裝了部分HTML5Plus Api，學(xué)會mui框架不代表可以不學(xué)習(xí)HTML5Plus規(guī)范。mui只是很有限的通過封裝簡化了常見開發(fā)過程。

4.一套代碼可以打包成安卓和IOS應(yīng)用包。