混合型移動(dòng)應(yīng)用開(kāi)發(fā)框架的設(shè)計(jì)與實(shí)現(xiàn).pdf

1、隨著寬帶無(wú)線接入技術(shù)和移動(dòng)終端技術(shù)的飛速發(fā)展，人們迫切希望能夠隨時(shí)隨地都能方便地從互聯(lián)網(wǎng)獲取信息和服務(wù)，移動(dòng)互聯(lián)網(wǎng)應(yīng)運(yùn)而生并迅猛發(fā)展。移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，顛覆了互聯(lián)網(wǎng)世界以網(wǎng)頁(yè)為核心的應(yīng)用形態(tài)，催生了全新的應(yīng)用服務(wù)體系，并重建了商業(yè)模式。移動(dòng)應(yīng)用已經(jīng)成為移動(dòng)互聯(lián)網(wǎng)應(yīng)用服務(wù)的主導(dǎo)形態(tài)。
　　企業(yè)在向移動(dòng)互聯(lián)網(wǎng)進(jìn)行業(yè)務(wù)擴(kuò)展時(shí)，主要面臨以下問(wèn)題:(1)當(dāng)前移動(dòng)設(shè)備呈現(xiàn)出多樣化的特點(diǎn):不同的廠商，不同的型號(hào)，更重要的是不同的平臺(tái)，即不同

2、的移動(dòng)操作系統(tǒng)。如果要開(kāi)發(fā)一款運(yùn)行在不同平臺(tái)上的移動(dòng)應(yīng)用，就需要針對(duì)不同的平臺(tái)開(kāi)發(fā)不同的版本，這不僅加大了工作量，還增加了開(kāi)發(fā)成本。(2)在開(kāi)發(fā)原生應(yīng)用時(shí)，UI設(shè)計(jì)和業(yè)務(wù)邏輯處理無(wú)法完整地分離開(kāi)，使得UI設(shè)計(jì)與業(yè)務(wù)邏輯開(kāi)發(fā)只能串行進(jìn)行，降低了開(kāi)發(fā)的效率。(3)企業(yè)希望將部分已經(jīng)在WEB取得的成果快速移植到移動(dòng)端之中。(4)現(xiàn)階段對(duì)移動(dòng)原生應(yīng)用進(jìn)行Bug修復(fù)和更新擴(kuò)展的方式比較復(fù)雜，管理不便。
　　為了解決上述問(wèn)題，本課題設(shè)計(jì)并實(shí)現(xiàn)

3、了一個(gè)混合型移動(dòng)應(yīng)用開(kāi)發(fā)框架。通過(guò)對(duì)比現(xiàn)階段移動(dòng)應(yīng)用開(kāi)發(fā)模式（原生開(kāi)發(fā)模式、Web開(kāi)發(fā)模式和混合型開(kāi)發(fā)模式）的優(yōu)缺點(diǎn)，本框架最終決定采用混合型移動(dòng)應(yīng)用開(kāi)發(fā)模式?，F(xiàn)有的混合型移動(dòng)應(yīng)用開(kāi)發(fā)框架都將重點(diǎn)放在了Web部分，并且對(duì)于企業(yè)的一些特定的需求沒(méi)有涉及到。為了發(fā)揮Web和原生各自的優(yōu)勢(shì)，并將界面設(shè)計(jì)與業(yè)務(wù)邏輯實(shí)現(xiàn)進(jìn)行完全的分離，本課題將框架分為兩個(gè)部分:Web部分和原生部分。Web部分主要用于UI展示，原生部分主要用于業(yè)務(wù)邏輯處理?？蚣苤?/p>

4、對(duì)Web和原生之間的通信和指令分發(fā)進(jìn)行了封裝，為框架提供了一條向上和一條向下的通信通道，并對(duì)所有指令進(jìn)行統(tǒng)一調(diào)度。為了對(duì)零散的HTML頁(yè)面進(jìn)行統(tǒng)一管理，并提高頁(yè)面的加載、跳轉(zhuǎn)效率，框架在Web部分整合了AngularJs和RequireJs兩個(gè)Web前端框架。
　　框架在結(jié)構(gòu)上主要分為四層:展示層、移動(dòng)中間件、服務(wù)層以及數(shù)據(jù)層。展示層包括視圖頁(yè)面和視圖控制器，使用Web語(yǔ)言進(jìn)行編寫。移動(dòng)中間件封裝了Web與原生之間的通信通道與指令

5、分發(fā)。服務(wù)層為框架和應(yīng)用提供相關(guān)服務(wù)。數(shù)據(jù)層包括Web源文件和數(shù)據(jù)庫(kù)。
　　框架主要實(shí)現(xiàn)了五個(gè)功能模塊:(1)分塊。分塊主要解決PC屏幕和移動(dòng)屏幕在尺寸上的差異。分塊用于將PC頁(yè)面分割成若干小的視圖片段，方便將其移植到移動(dòng)端之中。分塊算法基于HTMLDom語(yǔ)義結(jié)構(gòu)，主要思路是自下而上、從前向后遍歷整個(gè)Dom樹(shù)結(jié)構(gòu)。從中找到符合要求的結(jié)點(diǎn)，然后將節(jié)點(diǎn)和與之相關(guān)的資源輸出到指定的文件夾中，以方便快速移植到移動(dòng)應(yīng)用中。(2)控制器模塊。

6、控制器模塊主要提供了兩個(gè)服務(wù):請(qǐng)求處理服務(wù)和廣播服務(wù)。請(qǐng)求處理服務(wù)用于向原生部分發(fā)送請(qǐng)求，廣播服用于將原生部分返回的數(shù)據(jù)發(fā)送到指定的模塊。(3)路由管理模塊。路由管理模塊用于對(duì)Web頁(yè)面的跳轉(zhuǎn)模式進(jìn)行管理，以使得前端Web頁(yè)面在跳轉(zhuǎn)模式上和移動(dòng)原生應(yīng)用保持一致。框架中提供了三種頁(yè)面跳轉(zhuǎn)模式:單例模式、一次性使用模式和標(biāo)準(zhǔn)模式。(4)邏輯處理模塊。邏輯處理模塊對(duì)向Web部分返回?cái)?shù)據(jù)和指令分發(fā)進(jìn)行統(tǒng)一管理。為了使指令分發(fā)和具體的指令處理對(duì)象

7、進(jìn)行完全的解耦，邏輯處理模塊基于Java的反射機(jī)制實(shí)現(xiàn)了動(dòng)態(tài)創(chuàng)建指令處理對(duì)象。(5)實(shí)時(shí)更新服務(wù)，實(shí)現(xiàn)了移動(dòng)應(yīng)用在特定場(chǎng)景下的實(shí)時(shí)、便捷更新，為應(yīng)用的開(kāi)發(fā)和使用提供更高的靈活性。
　　框架設(shè)計(jì)完成以后，課題對(duì)框架的性能進(jìn)行了分析。首先對(duì)框架中所采用的單頁(yè)結(jié)構(gòu)進(jìn)行了測(cè)試與分析。然后對(duì)框架的傳輸效率進(jìn)行了測(cè)試分析。在對(duì)單頁(yè)結(jié)構(gòu)進(jìn)行測(cè)試分析后，得出如下結(jié)論:單頁(yè)混合型移動(dòng)應(yīng)用的特點(diǎn)是路由配置和分頁(yè)加載。單頁(yè)混合型移動(dòng)應(yīng)用在進(jìn)行路由配置時(shí)

8、雖然有一定的時(shí)間損耗，但這是進(jìn)行高效頁(yè)面跳轉(zhuǎn)的前提。路由配置提高了頁(yè)面的跳轉(zhuǎn)效率。單頁(yè)混合型移動(dòng)應(yīng)用在配置完路由之后，實(shí)現(xiàn)了頁(yè)面分塊加載，將頁(yè)面加載的時(shí)間細(xì)化，避免了頁(yè)面整體加載，最終提高了頁(yè)面跳轉(zhuǎn)的效率。在對(duì)Web部分與原生部分的通信效率進(jìn)行測(cè)試的過(guò)程中發(fā)現(xiàn):由于框架在Web部分使用單線程，所以當(dāng)原生部分以高頻次向Web部分發(fā)送數(shù)據(jù)時(shí)，會(huì)造成應(yīng)用的假死現(xiàn)象。在框架的使用過(guò)程中應(yīng)當(dāng)控制原生部分向Web部分發(fā)送數(shù)據(jù)的頻率，以保障較好的用戶