基于Web技術(shù)進行移動應用開發(fā)和中間件的研究

趙文艷 唐山市職業(yè)教育中心

前言

本文所討論的正是通過中間件的技術(shù)支撐，通過Web對移動端的應用進行開發(fā)，并能在不同平臺穩(wěn)定運行。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，人們把更多的精力都用在了移動端應用的研發(fā)上，到底使用什么技術(shù)來對應用進行開發(fā)是一個必須要思考的問題。就本文而言，我們選用了Web技術(shù)，因此我們應該先對Hybrid App進行理解。Web App是通過訪問瀏覽器，下載全部的Web App而交互。近些年隨著HTML5的崛起，其表現(xiàn)能力提升了很多，同時緩存功能的加入促成了Web App的存在性。但需要指出的是，Web App必須在瀏覽器中運行，所以對網(wǎng)速非常依賴，這就造成客戶對其的體驗感不夠，這些問題都有待于進一步解決。相比于成本，大企業(yè)一般更在乎應用的性能，所以一般會選擇Native App，也就是原生應用的開發(fā)。這種類型的App需要對各種系統(tǒng)平臺進行開發(fā)，才能在最大程度上保持對客戶的覆蓋，但這種方式確實會大大提高成本預算。在這種背景下，Hybrid App就成為了大部分公司所選擇的技術(shù)方案。本文對Hybrid App的實現(xiàn)原理進行了簡述。

1 使用中間件的技術(shù)完成Hybrid App

當前，發(fā)展的速度決定了應用開發(fā)的成本和效率都需要有更好的控制。HTML5因為具有成本低和效率高的特點，可以使應用中間件技術(shù)的Hybrid App得到廣泛關注。想要開發(fā)Hybrid App模式，我們需要先弄清Native層和Web層的功能分別是什么。前者主要用來提供宿主而后者則可根據(jù)實際需要完成業(yè)務功能。二者的交互則是使用JS法相互調(diào)用。此外，我們還需要注意兩個問題，一個是如何儲存資源，一個是如何避免白屏。文本和文件的儲存都可以通過HTML5實現(xiàn)，但有時會有一些延時的情況出現(xiàn)。使用HTML5，會因為其性能的原因帶來出現(xiàn)白屏的可能性，這一般可以通過預加載的方法來解決。預加載是在用戶使用移動設備的空閑期出現(xiàn)已經(jīng)加載完的頁面，這樣就能使渲染預先完成，當用戶進行點擊的時候，預加載畫面直接顯示，從而去除了渲染的時間，這樣就可以避免發(fā)生白屏的情況。

2 移動設備端GMF運動應用的設計

對GMF運動應用進行可以適用于包括ios和Android各種終端產(chǎn)品的設計，使其實現(xiàn)各種實用功能，包括定位、緩存、支付等等。這款產(chǎn)品在各方面比較完備，因此對Native的要求很高，對終端設備的性能也有一定的要求。如前文所述，可以使用Hybrid App的中間件技術(shù)來實現(xiàn)這個產(chǎn)品，因為這樣可以更好地控制成本和開發(fā)時間。Web技術(shù)可以實現(xiàn)使用同一套代碼，這既能解決各種不同終端設備的匹配問題，也可以縮短產(chǎn)品開發(fā)的周期。根據(jù)各種中間件優(yōu)劣性的對比，最后選擇了HTML5對其進行開發(fā)。首先，在加載文檔的時候，需要以一定的順序進行加載。其次，需要確定界面的加載方式和如何構(gòu)建架構(gòu)。在基于Web技術(shù)的App中，界面的加載和架構(gòu)的搭建是非常重要的兩項工作。開發(fā)者得使用HTML5對API進行封裝，以實現(xiàn)Webview界面的加載，進而提升其性能。至于搭建頁面的問題，我們可以根據(jù)上下拉刷新或者文件目錄結(jié)構(gòu)兩種方式來進行構(gòu)建。通常情況下，應用界面的首頁都會有導航欄，這可以使用div切換進行構(gòu)建，其速度也會同時提高。具體到GMF運動應用，其首頁可以包括導航欄和頁頭，詳細內(nèi)容可按導航欄菜單來建立與其對應的子窗口。至于刷新頁，基本都是用DIV技術(shù)模擬出下拉后回彈的效果。再次就是嵌入第三方的SDK。大部分的SDK都集成在API中，在API封裝完畢之后，只要將其根據(jù)適當流程調(diào)用即可。最后就是打包分發(fā)和優(yōu)化。對于打包和分發(fā)的問題，可以在manifest.JSon中將全部信息填好，然后對Appid、啟動圖標、加載模塊等進行配置，就可以將其一鍵上傳到云端服務器，然后即可打包。打包結(jié)束后，就可以得到一個安裝包，可根據(jù)需要將其上傳到Apple Store等各個平臺的分發(fā)渠道來完成分發(fā)。HTML5在體驗方面一直都存在一些問題，在ios系統(tǒng)中的表現(xiàn)還能相對較好，但在Android系統(tǒng)中，尤其是在一些低端設備中，則有卡頓等情況的出現(xiàn)。因此還需要對其進行一定程度的優(yōu)化，使用戶擁有更好的體驗。

3 結(jié)語

綜上所述，簡單分析了以Web相關技術(shù)進行的Hybrid移動端應用的中間件技術(shù)，以HTML5作為架構(gòu)開發(fā)應用的細節(jié)，使GMF運動應用得以實現(xiàn)。這種開發(fā)可以降低成本，但其也不可避免的有一些局限性。雖然如此，但是對于大多數(shù)開發(fā)者來說，如果他們想占領市場，那么使用這種中間件技術(shù)的Hydrid還是一個非常不錯的選擇。我們也有理由相信隨著Web相關技術(shù)的不斷優(yōu)化，這樣的應用和產(chǎn)品必然會有更加廣闊的未來。