基于html5 web技術(shù)下的app快速開發(fā)分析

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

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

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

2 html5具有的巨大優(yōu)勢

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

3 基于html5web技術(shù)app快速開發(fā)

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

也正是網(wǎng)絡(luò)的靈活性，吸引著眾多的應(yīng)用開發(fā)公司將未來發(fā)展的目光投向網(wǎng)絡(luò)。兩者具備在網(wǎng)絡(luò)上完成任務(wù)的優(yōu)勢，并且在離線的情況下也不耽誤任務(wù)的進度。在html5的支持下，離線應(yīng)用已經(jīng)成為現(xiàn)實，這主要是由于它的應(yīng)用緩存和客戶端存儲(如本地存儲、索引數(shù)據(jù)庫)等性能。在開發(fā)中，這項技術(shù)的實現(xiàn)需要依賴3種功能：(1)離線資源緩存：html5通過cache manifest緩存清單指明web app在離線工作時所需的資源文件，并支持自動和手動2種緩存更新方式。(2)在線狀態(tài)檢測：html5提供了navigator.online屬性值判斷和online/offline事件監(jiān)控2種檢測方式。(3)本地數(shù)據(jù)存儲：html5提供web storage和web sql database2種存儲機制：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è)單位。它的各項功能通過ajax來實現(xiàn)前后臺數(shù)據(jù)的交互。采用h5+css3+js編寫的前端，用java編寫的本地端，采用js ajax+php+網(wǎng)+節(jié)點服務(wù)器，由彼此的終點聯(lián)通。

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

5 html5 web技術(shù)的發(fā)展趨勢

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

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

當前標題：基于html5 web技術(shù)下的app快速開發(fā)分析
本文地址：http://www.muchs.cn/news16/106716.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站策劃、虛擬主機、App開發(fā)、用戶體驗、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)