一、認(rèn)識(shí)跨平臺(tái)移動(dòng)應(yīng)用開發(fā)(HTML5 Plus移動(dòng)APP)
1.HTML5 Plus 規(guī)范
通過 HTML5 開發(fā)移動(dòng) App 時(shí)，會(huì)發(fā)現(xiàn) HTML5 很多能力不具備。為彌補(bǔ) HTML5 能力 的不足，在 W3C中國(guó)的指導(dǎo)下成立了 www.HTML5Plus.org組織，推出 HTML5+規(guī)范。
2.HTML5 Plus移動(dòng)App
簡(jiǎn)稱5+App，是一種基于HTML、JS、CSS編寫的運(yùn)行于手機(jī)端的App，這種App可以通過擴(kuò)展的JS API任意調(diào)用手機(jī)的原生能力，實(shí)現(xiàn)與原生App同樣強(qiáng)大的功能和性能。
3.HTML5+擴(kuò)展了JavaScript對(duì)象plus，使得js可以調(diào)用各種瀏覽器無法實(shí)現(xiàn)或?qū)崿F(xiàn)不佳的系統(tǒng)能力，設(shè)備能力如攝像頭、陀螺儀、文件系統(tǒng)等，業(yè)務(wù)能力如上傳下載、二維碼、地圖、支付、語音輸入、消息推送等。
4.使用HTML5+開發(fā)的移動(dòng)App并非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web服務(wù)器上，而移動(dòng)App的文件存放在手機(jī)本地，編寫移動(dòng)App的html、js、css文件被打包到ipa或apk等原生安裝包，在手機(jī)客戶端運(yùn)行。
二、開發(fā)環(huán)境和開發(fā)流程
1.開發(fā)環(huán)境HBuilder。HBuilder內(nèi)置HTML5+ APP開發(fā)環(huán)境，提供了一套完整的移動(dòng)應(yīng)用開發(fā)解決方案。內(nèi)置HTML5+ API語法提示，提高開發(fā)效率；集成真機(jī)運(yùn)行環(huán)境，方便開發(fā)后即時(shí)在真機(jī)上查看運(yùn)行效果；集成應(yīng)用云端打包系統(tǒng)，不用部署xcode和Android sdk就可以打包應(yīng)用。使開發(fā)者只需要使用HTML5、Javascript、CSS技術(shù)就可以快速開發(fā)跨平臺(tái)的移動(dòng)應(yīng)用。
2.使用CastApp（基于H5+進(jìn)行二次封裝的開發(fā)框架）快捷、高效開發(fā)。
3.使用mui框架。mui是封裝了原生的HTML5+的API的一個(gè)UI框架，方便開發(fā)者迅速開發(fā)應(yīng)用。含mui.css（提供了很多頁面樣式）和mui.js（封裝了原生HTML5+API）。mui框架，它的性能更高，樣式也更接近原生App，并且mui調(diào)用了HTML5+擴(kuò)展能力，可以實(shí)現(xiàn)更好的體驗(yàn)。請(qǐng)注意，mui只封裝了部分HTML5Plus Api，學(xué)會(huì)mui框架不代表可以不學(xué)習(xí)HTML5Plus規(guī)范。mui只是很有限的通過封裝簡(jiǎn)化了常見開發(fā)過程。
4.一套代碼可以打包成安卓和IOS應(yīng)用包。
