黃海玲

摘 要：互聯(lián)網(wǎng)的迅速發(fā)展和普及，帶動(dòng)了智能手機(jī)、平板等移動(dòng)設(shè)備走向了更廣泛的市場(chǎng)，在日常生活和工作中占據(jù)著越來越重要的作用。與此同時(shí)，APP的開發(fā)與應(yīng)用也成為開發(fā)人員的一項(xiàng)核心工作。文章從HTML5 Web技術(shù)的新特性、優(yōu)勢(shì)出發(fā)，分析闡述了基于HTML5 Web技術(shù)下的APP快速開發(fā)，并以“云端”APP為案例簡(jiǎn)單闡述了HTML5 Web技術(shù)的運(yùn)用，希望可以為開發(fā)人員提供一些經(jīng)驗(yàn)的參考。

關(guān)鍵詞：HTML5 Web技術(shù)；APP快速開發(fā)

互聯(lián)網(wǎng)的發(fā)展為智能移動(dòng)設(shè)備的發(fā)展及廣泛應(yīng)用創(chuàng)造了有利環(huán)境，互聯(lián)網(wǎng)的可移動(dòng)性，讓移動(dòng)應(yīng)用的開發(fā)成為近兩年來最為炙手可熱的行業(yè)。也正是由于互聯(lián)網(wǎng)的可移動(dòng)性，讓移動(dòng)應(yīng)用的種類有了更為全新和明顯的特點(diǎn)。目前，移動(dòng)操作系統(tǒng)也呈現(xiàn)出多元化，如IOS，Android，Windows等。這樣一來，要想實(shí)現(xiàn)APP的快速開發(fā)，就必須依賴于一種高效通用的技術(shù)。HTML5技術(shù)的多種新特性和跨平臺(tái)特點(diǎn)正迎合了移動(dòng)平臺(tái)多樣性的需要，使快速開發(fā)各種移動(dòng)APP成為現(xiàn)實(shí)，對(duì)互聯(lián)網(wǎng)的發(fā)展和移動(dòng)APP的推陳出新起到了極大的推動(dòng)作用。移動(dòng)APP作為移動(dòng)設(shè)備的主角，直接影響到投資商、網(wǎng)絡(luò)供應(yīng)商等各個(gè)層面。由于其覆蓋面廣、簡(jiǎn)便快捷等優(yōu)勢(shì)，移動(dòng)APP受到了個(gè)人及商業(yè)用戶的廣泛青睞和追捧，如何實(shí)現(xiàn)App的快速開發(fā)成為開發(fā)人員成為一個(gè)關(guān)鍵問題。

1 HTML5技術(shù)的新特性

（1）為移動(dòng)平臺(tái)定制的表單元素：現(xiàn)代移動(dòng)設(shè)備一個(gè)最為明顯的特點(diǎn)就是觸摸屏，與傳統(tǒng)按鍵輸入方式一個(gè)本質(zhì)的不同是，它采用虛擬鍵盤輸入數(shù)據(jù)。這就必須考慮到屏幕面積的限制，因此為獲得更為方便舒適的體驗(yàn)，就要合理布局虛擬鍵盤的按鍵。例如：在輸入不同內(nèi)容時(shí)顯示相對(duì)應(yīng)的鍵盤，既能將虛擬鍵盤的現(xiàn)實(shí)面積降到最少，還可以提高用戶的輸入效率。（2）Canvas繪圖：動(dòng)畫、圖像等的動(dòng)態(tài)產(chǎn)出及渲染效果，可以說是智能設(shè)備的一個(gè)標(biāo)志性特征。傳統(tǒng)的Flash插件在移動(dòng)設(shè)備上表現(xiàn)出的低效性和不穩(wěn)定性顯然是不能滿足用戶需求的。而新的Canvas API很好地為這一問題作出了解答，開發(fā)人員可以徹底擺脫Flash 插件而直接選擇Java Script來針對(duì)用戶需求實(shí)時(shí)渲染圖形。（3）音頻和視頻：處理移動(dòng)設(shè)備上的音頻和視頻是一個(gè)關(guān)鍵問題，HTML5為開發(fā)者提供了一套通用的、集成的、腳本式的處理音頻與視頻的API，且不需要插件，極大程度上簡(jiǎn)化和統(tǒng)一了不同素材音頻和視頻的處理，擺脫了原生應(yīng)用的不便性和低效行。（4）地理定位：HTML5的地理定位API綜合利用了GPS，IP地址、WiFi熱點(diǎn)等方式，極大地提高了定位的靈活性和準(zhǔn)確性，成功克服只用GPS定位和基站定位的缺陷。（5）本地存儲(chǔ)：雖然互聯(lián)網(wǎng)的應(yīng)用日益廣泛，但受到天氣、地理位置等眾多因素的干擾，仍然會(huì)遇到網(wǎng)絡(luò)信號(hào)不好的情況，對(duì)使用造成限制。HTML5 Web Storage API提供了保證離線可用性的解決辦法，它不僅擺脫了如Cookies的對(duì)容量大小的制約，用法也更加靈活。（6）Web Workers：Java Script多線程編程的成功實(shí)現(xiàn)可以說得上是HTML5技術(shù)的一個(gè)最為明顯的進(jìn)步，它的出現(xiàn)無疑給了一些在瀏覽器上不能實(shí)現(xiàn)的應(yīng)用以翻身的契機(jī)。而Web Workers的最主要作用也就是賦予瀏覽器運(yùn)行Java Script的一種標(biāo)準(zhǔn)的方式。在運(yùn)用Web Workers時(shí)，用戶所運(yùn)行的線程數(shù)量是并沒有太嚴(yán)格的制約，也就是說，用戶在同一時(shí)間內(nèi)運(yùn)行的多個(gè)線程也是允許的，用戶在某一網(wǎng)頁上輸入或是移動(dòng)時(shí)，這些背景線程就同時(shí)進(jìn)行著復(fù)雜的數(shù)學(xué)計(jì)算，然后生成網(wǎng)絡(luò)請(qǐng)求或者訪問本地存儲(chǔ)。

2 HTML5具有的巨大優(yōu)勢(shì)

（1）“一次開發(fā)，多平臺(tái)使用”是對(duì)HTML5快速開發(fā)應(yīng)用的最準(zhǔn)確概括。開發(fā)者無需在修改移植上多花時(shí)間，極大地提高了效率，在應(yīng)用的維護(hù)上，也只需要將重點(diǎn)集中在一個(gè)版本上，因此表現(xiàn)出明顯的優(yōu)勢(shì)。對(duì)于用戶而言，這種應(yīng)用開發(fā)的模式也讓APP的更新更加快捷簡(jiǎn)單，而不需要太多的人力投入。（2）HTML5使固定端與移動(dòng)端的連接成為可能，它們不再只是2個(gè)單獨(dú)的個(gè)體，這使得資源和數(shù)據(jù)得以更好地共享與傳遞。（3）豐富了應(yīng)用發(fā)布的渠道和方式，在這之前，一個(gè)APP要想上架必須經(jīng)歷一個(gè)嚴(yán)格又漫長的審核過程，并且很可能被數(shù)以萬計(jì)的應(yīng)用所埋沒。而如今，應(yīng)用發(fā)布和推廣可以有多種渠道，如各種社交平臺(tái)、貼吧等。（4）豐富了盈利的模式和方法，如建立并發(fā)展自己的應(yīng)用平臺(tái)。一方面，APP開發(fā)者，尤其是游戲類APP的開發(fā)者，通過與社交平臺(tái)建立合作伙伴關(guān)系，在平臺(tái)上推出相關(guān)應(yīng)用，利用HTML5的移植功能進(jìn)行廣泛宣傳，在成功吸引用戶后，利用購買附加服務(wù)，如游戲道具等來獲得收益。另一方面，利用手機(jī)話費(fèi)進(jìn)行快速支付逐漸成為各大運(yùn)營商盈利的手段之一。特別是對(duì)于一些支付手段還比較落后的市場(chǎng)，這種第三方支付的方式與市場(chǎng)需求更加相符。

3 基于HTML5Web技術(shù)APP快速開發(fā)

與Native App相比，Web App開發(fā)具有諸多優(yōu)勢(shì)。首先，APP開發(fā)成本較低。只要合理使用網(wǎng)絡(luò)開發(fā)技術(shù)，應(yīng)用程序的開發(fā)就并不難，輕而易舉就可以完成。再者，APP升級(jí)的過程得到極大簡(jiǎn)化。升級(jí)的過程是智能完成的，甚至可以不必通知用戶，服務(wù)器可以更新文件，在這一過程中用戶并沒有感覺；最后，從根本上來說，它就是一個(gè)站點(diǎn)，所以維護(hù)的過程也并不復(fù)雜，就如同一般的網(wǎng)頁。

也正是網(wǎng)絡(luò)的靈活性，吸引著眾多的應(yīng)用開發(fā)公司將未來發(fā)展的目光投向網(wǎng)絡(luò)。兩者具備在網(wǎng)絡(luò)上完成任務(wù)的優(yōu)勢(shì)，并且在離線的情況下也不耽誤任務(wù)的進(jìn)度。在HTML5的支持下，離線應(yīng)用已經(jīng)成為現(xiàn)實(shí)，這主要是由于它的應(yīng)用緩存和客戶端存儲(chǔ)（如本地存儲(chǔ)、索引數(shù)據(jù)庫）等性能。在開發(fā)中，這項(xiàng)技術(shù)的實(shí)現(xiàn)需要依賴3種功能：（1）離線資源緩存：HTML5通過Cache Manifest緩存清單指明Web App在離線工作時(shí)所需的資源文件，并支持自動(dòng)和手動(dòng)2種緩存更新方式。（2）在線狀態(tài)檢測(cè)：HTML5提供了Navigator.online屬性值判斷和Online/Offline事件監(jiān)控2種檢測(cè)方式。（3）本地?cái)?shù)據(jù)存儲(chǔ)：HTML5提供Web Storage和Web SQL Database2種存儲(chǔ)機(jī)制：Web Storage是在客戶端以key-value形式保存數(shù)據(jù)的功能，類似于HTML4中的Cookie，但安全性更好；Web SQL Database是HTML5追加的新功能，它允許用戶在客戶端通過Java Script操作數(shù)據(jù)庫。

4 HTML5 Web 技術(shù)應(yīng)用：“云端”APP辦公軟件開發(fā)

“云端”APP是以“高質(zhì)量的文件社交體驗(yàn)”為目標(biāo)的，其范圍包括我國高校及各事業(yè)單位。它的各項(xiàng)功能通過ajax來實(shí)現(xiàn)前后臺(tái)數(shù)據(jù)的交互。采用H5+CSS3+JS編寫的前端，用java編寫的本地端，采用JS Ajax+PHP+網(wǎng)+節(jié)點(diǎn)服務(wù)器，由彼此的終點(diǎn)聯(lián)通。

（1）云端保存文件：云端APP針對(duì)的對(duì)象大部分為學(xué)生以及企業(yè)人員，工作流程可以概括為：首先，用戶要在移動(dòng)端下載該APP，并申請(qǐng)注冊(cè)賬號(hào)，然后在注冊(cè)成功后，就可以將文件上傳至網(wǎng)盤中了，操作過程并不復(fù)雜。（2）用戶資源的共享：用戶在使用云端APP時(shí)需要注意的是，用戶所上傳文件的默認(rèn)狀態(tài)是公開的，也就是說，一旦文件內(nèi)容觸犯他人隱私或違反了相關(guān)法律條文，上傳者極有可能承擔(dān)相應(yīng)的法律責(zé)任。所以為了避免此類事件的發(fā)展，用戶一定要做好文件的審查工作。（3）用戶間在線交流：為了方便相互之間的交流，“云端”APP還設(shè)置了類似社交軟件的互加好友、在線交流等功能，為用戶間的交流提供快速通道。（4）APP實(shí)現(xiàn)： HTML5+CSS3，Java Script，Java、Ajax，PHP，.Net、Node JS等語言實(shí)現(xiàn)。（5）APP難點(diǎn)：網(wǎng)絡(luò)與設(shè)備的相互連接；云文件數(shù)據(jù)庫；文件目錄結(jié)構(gòu)的分析；不同類型文件的查看。（6）APP特色：用戶可隨時(shí)共享文件、對(duì)文件進(jìn)行審查或評(píng)論、選擇自己所需要的高質(zhì)量文件；云端APP使用Web+Java+Ajax完成，這種混合型APP具有成本低廉，同步操作性強(qiáng)，與其他各平臺(tái)能較好兼容等諸多優(yōu)勢(shì)，因此開發(fā)者也不需要再不同類型的平臺(tái)再開發(fā)使用界面，且更新及維護(hù)的過程簡(jiǎn)單，大大提高了開發(fā)的效率。另外，這種混合型的APP在出現(xiàn)錯(cuò)誤時(shí)，開發(fā)者也能及時(shí)發(fā)現(xiàn)并進(jìn)行修改和更新。

5 HTML5 Web技術(shù)的發(fā)展趨勢(shì)

隨著網(wǎng)絡(luò)信息化時(shí)代的快速發(fā)展，HTML5Web技術(shù)發(fā)展的越來越快，由早期的Wap1.0，Wap2.0模式逐漸轉(zhuǎn)向了HTML5 Web技術(shù)，經(jīng)過了一個(gè)漫長的研究開發(fā)過程，但是，互聯(lián)網(wǎng)應(yīng)用更新?lián)Q代越來越快，以后HTML5 Web技術(shù)必將克服開發(fā)周期長、難度大的困境，豐富平臺(tái)內(nèi)容，改良交互式體驗(yàn)方式，實(shí)現(xiàn)離線訪問，實(shí)現(xiàn)真正意義上的一次開發(fā)、多平臺(tái)使用，提高軟件的實(shí)用性。把單一的建設(shè)主體向多元化轉(zhuǎn)變，結(jié)構(gòu)層次更加復(fù)雜，服務(wù)內(nèi)容涵蓋全面，創(chuàng)新各種應(yīng)用類型，提高APP系統(tǒng)的安全性，實(shí)現(xiàn)跨平臺(tái)訪問。大幅度降低HTML5 Web技術(shù)開發(fā)的難度，用戶使用界面更加豐富，提高了操作效率。但是隨著技術(shù)的進(jìn)步，各項(xiàng)后臺(tái)服務(wù)的壓力也會(huì)增大，功能的增加促進(jìn)了網(wǎng)絡(luò)信息化交流技術(shù)的增長。要想提高HTML5 Web技術(shù)，還需要投入大量的人力物力。

6 結(jié)語

HTML5的出現(xiàn)給軟件的開發(fā)帶來了全新的變革，尤其在移動(dòng)APP的快速開發(fā)中，HTML5 Web技術(shù)對(duì)各種操作平臺(tái)都將產(chǎn)生深遠(yuǎn)的影響。隨著時(shí)代的進(jìn)步和網(wǎng)絡(luò)技術(shù)的發(fā)展，一股重大的網(wǎng)絡(luò)變革正在醞釀，并將在不久的將來向我們席卷而來，只有順應(yīng)時(shí)代的發(fā)展，不斷進(jìn)步，積極創(chuàng)新，才能跟上時(shí)代發(fā)展的主流。在互聯(lián)網(wǎng)高度發(fā)達(dá)的今天，人們對(duì)智能設(shè)備的使用需求越來越高。而移動(dòng)APP作為主角，尤其承擔(dān)起滿足廣大用戶，特別是年輕用戶對(duì)全媒體的強(qiáng)烈需求的任務(wù)。如何在新技術(shù)的支持下，開發(fā)出富有創(chuàng)意的應(yīng)用軟件，提供更為人性化的服務(wù)，是一項(xiàng)需要共同實(shí)踐的工作。

[參考文獻(xiàn)]

[1]王慶.基于HTML5的移動(dòng)Web技術(shù)[J].軟件導(dǎo)刊，2013（12）：89-90.

[2]謝強(qiáng)，牛現(xiàn)云，趙娜.移動(dòng)數(shù)字圖書館服務(wù)體系研究[J].圖書情報(bào)工作，2013（4）：6-10.

[3]彭濤，楊煉.基于移動(dòng)瀏覽器的HTML5核心技術(shù)的研究及其應(yīng)用[J].廣東通信技術(shù)，2012（4）：47-50.

Analysis on APP Rapid Development under Web HTML5 Technology

Huang Hailing

（Guangxi Yinghua International Career Academy， Qinzhou 535000， China）

Abstract： The rapid development and popularization of the Internet， to promote the smart phone， tablet and other mobile devices into a broader market， in the daily life and work to occupy a more and more important role. At the same time， the development and application of APP has also become a core work of developers. The from the HTML5 Web technology， the new characteristic， the advantage of analysis on the rapid development of technology of HTML5 Web app based on， and in the "cloud" app case simple explains the use of HTML5 Web technology， hope to provide some empirical reference for developers.

Key words： Web APP technology； HTML5 rapid development