HTML5 Web技術下的APP快速開發分析

黃海玲

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

關鍵詞：HTML5 Web技術；APP快速開發

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

1 HTML5技術的新特性

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

2 HTML5具有的巨大優勢

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

3 基于HTML5Web技術APP快速開發

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

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

4 HTML5 Web 技術應用：“云端”APP辦公軟件開發

“云端”APP是以“高質量的文件社交體驗”為目標的，其范圍包括我國高校及各事業單位。它的各項功能通過ajax來實現前后臺數據的交互。采用H5+CSS3+JS編寫的前端，用java編寫的本地端，采用JS Ajax+PHP+網+節點服務器，由彼此的終點聯通。

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

5 HTML5 Web技術的發展趨勢

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

6 結語

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

[參考文獻]

[1]王慶.基于HTML5的移動Web技術[J].軟件導刊，2013（12）：89-90.

[2]謝強，牛現云，趙娜.移動數字圖書館服務體系研究[J].圖書情報工作，2013（4）：6-10.

[3]彭濤，楊煉.基于移動瀏覽器的HTML5核心技術的研究及其應用[J].廣東通信技術，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