【摘要】：隨著互聯(lián)網(wǎng)行業(yè)的高速發(fā)展,越來越多的企業(yè)開始希望實(shí)現(xiàn)軟件產(chǎn)品的高速迭代,并且降低軟件的開發(fā)成本。在這樣的背景下Web App被越來越多的廠家所關(guān)注,Web App具有跨平臺(tái),更新靈活的優(yōu)點(diǎn)。用戶無論何時(shí)打開都可以訪問到最新的版本,廠家無需維護(hù)多個(gè)版本的應(yīng)用程序,極大的降低了開發(fā)成本和運(yùn)維成本。但是由于Web App對(duì)網(wǎng)絡(luò)的依賴高的特點(diǎn),Web App的加載性能一直是一個(gè)短板,在Web App加載的過程中一般需要多次資源請求,如果用戶的網(wǎng)絡(luò)狀況不佳例如延遲大、帶寬低資源請求的時(shí)間就會(huì)大大加長,很多Web App在弱網(wǎng)的條件下無法滿足用戶需求。該平臺(tái)主要瞄準(zhǔn)網(wǎng)絡(luò)這個(gè)限制Web App加載性能最大的短板,提出了一套全新的解決方案。利用離線化技術(shù)將用戶使用的資源文件存在本地,在次訪問頁面時(shí)可以直接從緩存中讀取資源,無需重新進(jìn)行網(wǎng)絡(luò)請求,大大減少了網(wǎng)絡(luò)請求的數(shù)量。使用增量更新的方式在更新時(shí)只下載文件變動(dòng)的部分,無需重新下載全量的文件減少對(duì)網(wǎng)絡(luò)帶寬的消耗。利用這兩大核心技術(shù)減少Web App對(duì)于網(wǎng)絡(luò)的依賴,同時(shí)減輕應(yīng)用服務(wù)器的流量壓力,使應(yīng)用服務(wù)器的并發(fā)性能得到很大的提升。通過利用瀏覽器支持的緩存方式以及我們提供的資源緩存方案可以使緩存變得可控,相較于瀏覽器的緩存策略使用代碼去控制緩存策略可以使Web App在不同的瀏覽器中達(dá)到一致的緩存效果,更加準(zhǔn)確的判斷緩存的有效性。用戶可以針對(duì)性的緩存加載時(shí)需要的資源,當(dāng)用戶再次訪問系統(tǒng)時(shí)就無需重新下載資源,大大的提高了頁面的加載性能。同時(shí)增加了緩存的校驗(yàn),提高了緩存的可靠性為增量更新提供了基礎(chǔ)。通過構(gòu)建資源管理平臺(tái)可以對(duì)項(xiàng)目的歷史資源進(jìn)行系統(tǒng)化的管理,開發(fā)者可以通過可視化的操作界面或者命令行工具來管理自己的Web資源,并且可以將歷史版本統(tǒng)一管理,讓增量更新成為可能。當(dāng)應(yīng)用程序發(fā)生更新時(shí),如果用戶的緩存中有歷史版本的緩存,用戶只需要發(fā)送增量更新請求,增量更新后臺(tái)服務(wù)會(huì)為用戶計(jì)算升級(jí)到最新版本的補(bǔ)丁包,下載含有文件發(fā)生變化部分的補(bǔ)丁包即可完成更新,大大的降低了更新時(shí)的網(wǎng)絡(luò)開銷,降低了對(duì)網(wǎng)絡(luò)的依賴,提高了緩存的利用率。該系統(tǒng)簡單易用,開發(fā)者只需要簡單的操作即可完成接入,對(duì)業(yè)務(wù)代碼的侵入性極低,極大的降低了接入成本。接入后可以對(duì)Web應(yīng)用程序的加載性能和更新速度起到極大的提升。本人在項(xiàng)目中主要完成了命令行工具、后臺(tái)管理系統(tǒng)、離線化模塊的Local Storage模塊的開發(fā)以及智能預(yù)熱模塊的方案設(shè)計(jì)。最終該平臺(tái)達(dá)到了設(shè)計(jì)的預(yù)期目標(biāo),但是該平臺(tái)還有很多需要優(yōu)化改進(jìn)的地方,有待在日后的工作中改進(jìn)。
【圖文】：

Ｆｉｇｕｒｅ邋１－１邋Ｗｅｂ邋Ａｐｐ邋ｌｏａｄｉｎｇ邋ｐｒｏｃｅｓｓ逡逑（２）網(wǎng)絡(luò)狀況逡逑從前面的Ｗｅｂ邋Ａｐｐ加載過程可以看出Ｗｅｂ邋Ａｐｐ加載時(shí)的幾個(gè)關(guān)鍵環(huán)節(jié)都是賴于網(wǎng)絡(luò)。隨著谷歌公司的Ｖ８引擎的出現(xiàn)以及硬件設(shè)備的日益升級(jí)目前Ｗｅｂ引逡逑擎對(duì)于ＪａｖａＳｃｒｉｐｔ的執(zhí)行效率以及頁面渲染效率己經(jīng)非常高了［５］，所以在Ｗｅｂ邋Ａｐ加載時(shí)間里網(wǎng)絡(luò)加載時(shí)間一般占了絕大的部分。Ｗｅｂ邋Ａｐｐ通過網(wǎng)絡(luò)下載資源的過逡逑程中會(huì)經(jīng)過非常多的環(huán)節(jié)，任何一個(gè)環(huán)節(jié)出現(xiàn)抖動(dòng)都會(huì)對(duì)網(wǎng)絡(luò)的響應(yīng)時(shí)間造成非逡逑常大的影響進(jìn)而拉長頁面加載的時(shí)間。逡逑在頁面請求資源時(shí)首先瀏覽器會(huì)將資源的ＵＲＬ域名發(fā)送給ＤＮＳ服務(wù)器。ＤＮＳ服務(wù)器會(huì)把這個(gè)域名翻譯成對(duì)應(yīng)的ＩＰ地址。查詢到ＩＰ地址后ＤＮＳ將域名所對(duì)的ＩＰ地址發(fā)送給瀏覽器。瀏覽器通過ＩＰ地址與服務(wù)器三次握手建立ＴＣＰ鏈接。逡逑通過ＴＣＰ鏈接瀏覽器發(fā)送ＨＴＴＰ請求，請求Ｗｅｂ邋Ａｐｐ中的各個(gè)資源，，最后服務(wù)返回瀏覽器請求的資源［６］。具體請求過程如圖１－２所示。逡逑服務(wù)逡逑

下載ＪＳ文件逡逑ｃ加載完成）逡逑圖１－１邋Ｗｅｂ邋Ａｐｐ加載過程逡逑Ｆｉｇｕｒｅ邋１－１邋Ｗｅｂ邋Ａｐｐ邋ｌｏａｄｉｎｇ邋ｐｒｏｃｅｓｓ逡逑（２）網(wǎng)絡(luò)狀況逡逑從前面的Ｗｅｂ邋Ａｐｐ加載過程可以看出Ｗｅｂ邋Ａｐｐ加載時(shí)的幾個(gè)關(guān)鍵環(huán)節(jié)都是依逡逑賴于網(wǎng)絡(luò)。隨著谷歌公司的Ｖ８引擎的出現(xiàn)以及硬件設(shè)備的日益升級(jí)目前Ｗｅｂ引逡逑擎對(duì)于ＪａｖａＳｃｒｉｐｔ的執(zhí)行效率以及頁面渲染效率己經(jīng)非常高了［５］，所以在Ｗｅｂ邋Ａｐｐ逡逑加載時(shí)間里網(wǎng)絡(luò)加載時(shí)間一般占了絕大的部分。Ｗｅｂ邋Ａｐｐ通過網(wǎng)絡(luò)下載資源的過逡逑程中會(huì)經(jīng)過非常多的環(huán)節(jié)，任何一個(gè)環(huán)節(jié)出現(xiàn)抖動(dòng)都會(huì)對(duì)網(wǎng)絡(luò)的響應(yīng)時(shí)間造成非逡逑常大的影響進(jìn)而拉長頁面加載的時(shí)間。逡逑在頁面請求資源時(shí)首先瀏覽器會(huì)將資源的ＵＲＬ域名發(fā)送給ＤＮＳ服務(wù)器。ＤＮＳ逡逑服務(wù)器會(huì)把這個(gè)域名翻譯成對(duì)應(yīng)的ＩＰ地址。查詢到ＩＰ地址后ＤＮＳ將域名所對(duì)應(yīng)逡逑的ＩＰ地址發(fā)送給瀏覽器。瀏覽器通過ＩＰ地址與服務(wù)器三次握手建立ＴＣＰ鏈接。逡逑通過ＴＣＰ鏈接瀏覽器發(fā)送ＨＴＴＰ請求，請求Ｗｅｂ邋Ａｐｐ中的各個(gè)資源，最后服務(wù)器逡逑返回瀏覽器請求的資源［６］。具體請求過程如圖１－２所示。逡逑服務(wù)逡逑服務(wù)器域名逡逑服務(wù)器ＩＰ逡逑ＴＣＰ三次握手／逡逑／邋Ｙ邐邋ＳＹＭ＝Ｌ邋ｓｅｑ＝ｘ邋邐＾邋資＇逡逑瀏邋＞—ＳＹＮ＝１，邋ＡＣＫ＝１，邋ｓｅｑ＝ｙ；邋ＡＣＫｎｕｍ＝ｘ＋ｌ邋—＾源逡逑覽邐ＡＣＫ＝１，邋ＡＣＫｎｕｍ＝ｙ＋ｌ邋邐＾邋月艮逡逑器
【學(xué)位授予單位】：北京交通大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2019
【分類號(hào)】：TP311.56;TP393.09

【參考文獻(xiàn)】

相關(guān)期刊論文 前10條

1 章斕;;基于HTML5的Web App的開發(fā)與探索[J];長沙大學(xué)學(xué)報(bào);2015年05期

2 段虎才;倪宏;鄧峰;胡琳琳;;WebKit內(nèi)核的嵌入式瀏覽器磁盤緩存方法[J];計(jì)算機(jī)工程與設(shè)計(jì);2015年03期

3 秦云霞;;試談Go語言的面向?qū)ο蠹夹g(shù)[J];電腦編程技巧與維護(hù);2014年24期

4 顧春來;;APP應(yīng)用程序開發(fā)模式探究[J];硅谷;2014年05期

5 胡晟;;淺析Cookies認(rèn)證機(jī)制及其安全性[J];計(jì)算機(jī)與網(wǎng)絡(luò);2012年05期

6 李云云;;淺析B/S和C/S體系結(jié)構(gòu)[J];科學(xué)之友;2011年01期

7 佘丹嫻;;內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)的發(fā)展與應(yīng)用[J];中山大學(xué)研究生學(xué)刊(自然科學(xué)、醫(yī)學(xué)版);2006年01期

8 陳芬;;淺析網(wǎng)絡(luò)Cookie[J];電腦知識(shí)與技術(shù);2005年35期

9 宋家友,桑紅濤;CDN技術(shù)的發(fā)展及應(yīng)用[J];電視技術(shù);2005年06期

10 徐健,王濤;HTTP/1.1的分析[J];西南師范大學(xué)學(xué)報(bào)(自然科學(xué)版);2004年02期

本文編號(hào)：2654804