一種網(wǎng)頁資源包上傳方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種網(wǎng)頁資源包上傳方法和一種網(wǎng)頁資 源包上傳裝置。
【背景技術(shù)】
[0002] 隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)絡(luò)與人們的生活越來越密不可分。例如，人們可以通過網(wǎng)絡(luò)進(jìn) 行查找資料、購物、交流等活動(dòng)。在實(shí)際應(yīng)用中，用戶通過客戶端發(fā)送網(wǎng)頁訪問請求至Web月艮 務(wù)器，Web服務(wù)器則會(huì)根據(jù)接收的網(wǎng)頁訪問請求，返回相應(yīng)的網(wǎng)頁源代碼給客戶端，客戶端 根據(jù)網(wǎng)頁源代碼調(diào)用顯示網(wǎng)頁所需的各種文件和圖片等，然后將網(wǎng)頁顯示在客戶端以供用 戶瀏覽。
[0003] 一般用以支撐一個(gè)網(wǎng)頁的源代碼可能依賴多個(gè)JavaScript文件、CSS( Cascading style Sheets，層疊樣式表單）文件等網(wǎng)頁資源包。在直播網(wǎng)頁中，為了網(wǎng)頁可以快速被用 戶訪問，這些網(wǎng)頁資源包需要上傳到⑶N(Content Delivery Network，內(nèi)容分發(fā)網(wǎng)絡(luò))服務(wù) 器中。而這些網(wǎng)頁資源包可能由不同的開發(fā)人員開發(fā)，各個(gè)網(wǎng)頁資源包也可能引用相同的 圖片，那么將這些網(wǎng)頁資源包上傳至⑶N服務(wù)器中時(shí)，圖片也需要上傳至⑶N服務(wù)器中，那么 對于相同的圖片，則會(huì)浪費(fèi)CDN服務(wù)器的空間。

【發(fā)明內(nèi)容】

[0004] 鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上 述問題的網(wǎng)頁資源包上傳方法和相應(yīng)的網(wǎng)頁資源包上傳裝置。
[0005] 依據(jù)本發(fā)明的一個(gè)方面，提供了一種網(wǎng)頁資源包上傳方法，包括：
[0006] 獲取網(wǎng)頁資源包；
[0007] 將所述網(wǎng)頁資源包中引用的相同圖片的第一圖片地址進(jìn)行歸一化；
[0008] 將歸一化后的各第一圖片地址對應(yīng)的圖片上傳至內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器；
[0009] 將所述網(wǎng)頁資源包中各第一圖片地址替換為相應(yīng)圖片在內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器中 的第二圖片地址；
[0010] 將替換了第一圖片地址后的網(wǎng)頁資源包上傳至內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器。
[0011]優(yōu)選地，所述將所述網(wǎng)頁資源包中引用的相同圖片的第一圖片地址進(jìn)行歸一化的 步驟，包括：
[0012]對于各網(wǎng)頁資源包，獲取所述網(wǎng)頁資源包中各第一圖片地址對應(yīng)的圖片，并將所 述圖片進(jìn)行歸一化。
[0013 ]優(yōu)選地，所述將所述圖片進(jìn)行歸一化的步驟，包括：
[0014]計(jì)算各圖片的MD5值；
[0015]將相同MD5值的圖片進(jìn)行歸一化。
[0016]優(yōu)選地，所述將所述網(wǎng)頁資源包中引用的相同圖片的第一圖片地址進(jìn)行歸一化的 步驟，包括：
[0017] 對于各網(wǎng)頁資源包，將所述網(wǎng)頁資源包中各第一圖片地址，按第一圖片地址進(jìn)行 歸一化。
[0018] 優(yōu)選地，所述對于各網(wǎng)頁資源包，將所述網(wǎng)頁資源包中各第一圖片地址，按第一圖 片地址進(jìn)行歸一化的步驟包括：
[0019]逐行讀取所述網(wǎng)頁資源包中的代碼，判斷是否有包括圖片格式的路徑信息；
[0020] 如果有包括圖片格式的路徑信息，則確認(rèn)所述包括圖片格式的路徑信息為第一圖 片地址并進(jìn)行記錄；
[0021] 對于記錄的各路徑信息，將相同的路徑信息歸一化為一個(gè)路徑信息。
[0022] 優(yōu)選地，所述對于記錄的各路徑信息，將相同的路徑信息歸一化為一個(gè)路徑信息 的步驟，包括：
[0023]對于記錄的各路徑信息，計(jì)算各路徑信息的MD5值；
[0024] 將MD5值相同的路徑信息，歸一化為一個(gè)路徑信息。
[0025] 優(yōu)選地，在將歸一化后的各第一圖片地址對應(yīng)的圖片上傳至內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器 之后，還包括：
[0026] 內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器對于接收到的各圖片，判斷內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器本地是否存 在相同的圖片；
[0027] 如果存在相同的圖片，則不存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片；
[0028] 如果不存在相同的圖片，則存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片。
[0029] 優(yōu)選地，所述內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器對于接收到的各圖片，判斷內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù) 器本地是否存在相同的圖片的步驟，包括：
[0030] 計(jì)算接收到的各圖片的MD5值；
[0031]計(jì)算本地已存的圖片的MD5值；
[0032]將接收到的各圖片的MD5值，與本地已存的圖片的MD5值進(jìn)行匹配；
[0033]當(dāng)出現(xiàn)相同的MD5值時(shí)，則進(jìn)入不存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片的步驟；
[0034]當(dāng)未出現(xiàn)相同的MD5值時(shí)，則進(jìn)入存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片的步驟。
[0035]優(yōu)選地，所述圖片格式包括:jpg圖片格式、和/或PNG圖片格式。
[0036] 優(yōu)選地，所述網(wǎng)頁資源包中包括JavaScript組合資源包;所述JavaScript組合資 源包是通過打包工具將多個(gè)JavaScript資源包合并獲得。
[0037] 根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁資源包上傳裝置，包括：
[0038] 資源包獲取模塊，適于獲取網(wǎng)頁資源包；
[0039] 歸一化模塊，將所述網(wǎng)頁資源包中引用的相同圖片的第一圖片地址進(jìn)行歸一化；
[0040] 圖片上傳模塊，適于將歸一化后的各第一圖片地址對應(yīng)的圖片上傳至內(nèi)容分發(fā)網(wǎng) 絡(luò)服務(wù)器；
[0041] 地址替換模塊，適于將所述網(wǎng)頁資源包中各第一圖片地址替換為相應(yīng)圖片在內(nèi)容 分發(fā)網(wǎng)絡(luò)服務(wù)器中的第二圖片地址；
[0042] 資源包上傳模塊，適于將替換了第一圖片地址后的網(wǎng)頁資源包上傳至內(nèi)容分發(fā)網(wǎng) 絡(luò)服務(wù)器。
[0043]優(yōu)選地，所述歸一化模塊，包括：
[0044]圖片歸一化子模塊，適于對于各網(wǎng)頁資源包，獲取所述網(wǎng)頁資源包中各第一圖片 地址對應(yīng)的圖片;將所述圖片進(jìn)行歸一化。
[0045]優(yōu)選地，所述圖片歸一化子模塊，包括：
[0046]圖片MD5值計(jì)算子模塊，適于計(jì)算各圖片的MD5值；
[0047]第一圖片歸一化子模塊，適于將相同MD5值的圖片進(jìn)行歸一化。
[0048]優(yōu)選地，所述歸一化模塊，包括：
[0049] 第一圖片地址歸一化子模塊，適于對于各網(wǎng)頁資源包，將所述網(wǎng)頁資源包中各第 一圖片地址，按第一圖片地址進(jìn)行歸一化。
[0050] 優(yōu)選地，所述第一圖片地址歸一化子模塊包括：
[0051] 路徑信息判斷子模塊，適于逐行讀取所述網(wǎng)頁資源包中的代碼，判斷是否有包括 圖片格式的路徑信息；
[0052] 路徑信息記錄子模塊，適于如果有包括圖片格式的路徑信息，則確認(rèn)所述包括圖 片格式的路徑信息為第一圖片地址并進(jìn)行記錄；
[0053]路徑信息歸一化子模塊，適于對于記錄的各路徑信息，將相同的路徑信息歸一化 為一個(gè)路徑信息。
[0054]優(yōu)選地，所述路徑信息歸一化子模塊，包括：
[0055]路徑信息MD5值計(jì)算子模塊，適于對于記錄的各路徑信息，計(jì)算各路徑信息的MD5 值；
[0056] 第一路徑信息歸一化子模塊，適于將MD5值相同的路徑信息，歸一化為一個(gè)路徑信 息。
[0057] 優(yōu)選地，在內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器中，還包括：
[0058]圖片判斷模塊，適于對于接收到的各圖片，判斷內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器本地是否存 在相同的圖片;如果存在相同的圖片，則不存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片;如果不存在相同 的圖片，則存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片。
[0059] 優(yōu)選地，所述圖片判斷模塊，包括：
[0060] 第一圖片MD5值計(jì)算子模塊，適于計(jì)算接收到的各圖片的MD5值；
[0061]第二圖片MD5值計(jì)算子模塊，適于計(jì)算本地已存的圖片的MD5值；
[0062] MD5值匹配子模塊，適于將接收到的各圖片的MD5值，與本地已存的圖片的MD5值進(jìn) 行匹配；當(dāng)出現(xiàn)相同的MD5值時(shí)，則不存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片；當(dāng)未出現(xiàn)相同的MD5值 時(shí)，則存儲(chǔ)當(dāng)前接收到的相應(yīng)的圖片。
[0063]優(yōu)選地，所述圖片格式包括:jpg圖片格式、和/或PNG圖片格式。
[0064] 優(yōu)選地，所述網(wǎng)頁資源包中包括JavaScript組合資源包;所述JavaScript組合資 源包是通過打包工具將多個(gè)JavaScript資源包合并獲得。
[0065]根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁資源包上傳設(shè)備，包括：
[0066]存儲(chǔ)器，加載有多條可執(zhí)行指令；
[0067]處理器，執(zhí)行所述多條可執(zhí)行指令;所述多條可執(zhí)行指令包括執(zhí)行以下步驟的方 法：
[0068]獲取網(wǎng)頁資源包；
[0069] 將所述網(wǎng)頁資源包中引用的相同圖片的第一圖片地址進(jìn)行歸一化；
[0070] 將歸一化后的各第一圖片地址對應(yīng)的圖片上傳至內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器；
[0071] 將所述網(wǎng)頁資源包中各第一圖片地址替換為相應(yīng)圖片在內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器中 的第二圖片地址；
[0072] 將替換了第一圖片地址后的網(wǎng)頁資源包上傳至內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器。
[0073] 根據(jù)本發(fā)明的一種網(wǎng)頁資源包上傳方法可以將網(wǎng)頁源代碼中圖片地址進(jìn)行歸一 化，然后將網(wǎng)頁資源包中各圖片地址替換為相應(yīng)圖片在內(nèi)容分發(fā)網(wǎng)絡(luò)服務(wù)器中的圖片地 址，將歸一化后的各圖片地址對應(yīng)的圖片和替換了圖片地址后的網(wǎng)頁資源包上傳至內(nèi)容分 發(fā)網(wǎng)絡(luò)服務(wù)器，由此解決了對于相同的圖片，則會(huì)浪費(fèi)CDN服務(wù)器的空間等問題，取得了降 低CDN服務(wù)器中的圖片重復(fù)率，提高了 CDN服務(wù)器空間利用率的有益效果。
[0074]上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段， 而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠 更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。
【附圖說明】
[0075] 通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通 技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對本發(fā)明 的限制。而且在整個(gè)附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0076] 圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳方法實(shí)施例的步驟流程 圖；
[0077] 圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳方法實(shí)施例的步驟流程 圖；
[0078] 圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳方法實(shí)施例的步驟流程 圖；
[0079] 圖4示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳裝置實(shí)施例的結(jié)構(gòu)框 圖；
[0080] 圖5示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳裝置實(shí)施例的結(jié)構(gòu)框 圖；
[0081] 圖6示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳裝置實(shí)施例的結(jié)構(gòu)框 圖;及
[0082] 圖7示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳設(shè)備實(shí)施例的結(jié)構(gòu)框 圖。
【具體實(shí)施方式】
[0083] 下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開 的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例 所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍 完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0084] 實(shí)施例一
[0085] 參照圖1，示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的一種網(wǎng)頁資源包上傳方法實(shí)施例的步 驟流程圖，具體可以包括如下步驟：
[0086] 步驟SI 10,獲取網(wǎng)頁資源包。
[0087]在實(shí)際應(yīng)用中，用戶若要訪問某一網(wǎng)頁，可以通過客戶端發(fā)送網(wǎng)頁訪問請求至Web 服務(wù)器，Web服務(wù)器在接收到網(wǎng)頁訪問請求后可以根據(jù)網(wǎng)頁訪問請求的內(nèi)容相應(yīng)地返回 HTML(HyperText Markup Language，超文本標(biāo)記語言）代碼給客戶端。瀏覽器解析該HTML代 碼時(shí)，需要加載相應(yīng)的網(wǎng)頁資源包，比如JS(JavaS Cript)文件、CSS文件等。而執(zhí)行這些網(wǎng)頁 資源包時(shí)，需要加載其中引用的圖片。
[0088] 對于直播網(wǎng)頁，為了使用戶可以快速訪問網(wǎng)頁資源包，降低延遲，上述網(wǎng)頁資源包