基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的html預(yù)覽方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及HTML預(yù)覽領(lǐng)域，特別是涉及一種基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法及系統(tǒng)。
【背景技術(shù)】
[0002]開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)(Open Storage Service，簡(jiǎn)稱OSS)是現(xiàn)在非常流行的一款文件存儲(chǔ)系統(tǒng)，其對(duì)外提供安全、可靠的云存儲(chǔ)服務(wù)，讓用戶可以通過(guò)調(diào)用API在授權(quán)后不受時(shí)間和空間的限制，方便地獲取數(shù)據(jù)，逐漸得到廣大開(kāi)發(fā)者的青睞。
[0003]然而，獲取并加載存儲(chǔ)在OSS中的HTML文件卻無(wú)法保證HTML的正常顯示，原因在于，HTML文件一般包含很多附屬文件，例如:CSS文件、JS文件、MG文件等，這些附屬文件在HTML主文件中是以相對(duì)路徑的形式出現(xiàn)的，由于附屬文件存儲(chǔ)于0SS，訪問(wèn)該相對(duì)路徑并不能找到并加載這些附屬文件，這將直接導(dǎo)致HTML無(wú)法正常顯示。

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

[0004]鑒于以上所述現(xiàn)有技術(shù)的缺點(diǎn)，本發(fā)明的目的在于提供基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法及系統(tǒng)，用于解決現(xiàn)有技術(shù)中存于OSS的HTML主文件加載到頁(yè)面后無(wú)法加載其附屬文件的問(wèn)題，從而實(shí)現(xiàn)HTML的完整加載。
[0005]為實(shí)現(xiàn)上述目的及其他相關(guān)目的，本發(fā)明提供一種開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)，包括:包含至少一種HTML附屬文件的HTML主文件;根據(jù)所述HTML主文件的標(biāo)識(shí)信息生成的第一憑證信息，所述第一憑證信息用作允許訪問(wèn)所述HTML主文件的內(nèi)容的憑證;以及，根據(jù)所述至少一種HTML附屬文件的標(biāo)識(shí)信息一一對(duì)應(yīng)生成的第二憑證信息，所述第二憑證信息用作允許訪問(wèn)所述至少一種HTML附屬文件的內(nèi)容的憑證。
[0006]于本發(fā)明一實(shí)施例中，所述標(biāo)識(shí)信息包括:文件名稱。
[0007]為實(shí)現(xiàn)上述目的及其他相關(guān)目的，本發(fā)明提供一種基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法，所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)中預(yù)存有:包含至少一種HTML附屬文件的HTML主文件、用于提供所述HTML主文件的第一憑證信息、及用于提供所述至少一種HTML附屬文件的第二憑證信息，其中，所述第一憑證信息是根據(jù)所述HTML主文件的標(biāo)識(shí)信息生成的，所述第二憑證信息是根據(jù)所述HTML附屬文件的標(biāo)識(shí)信息生成的，所述方法包括:當(dāng)指定端口接收到訪問(wèn)鏈接的請(qǐng)求時(shí)，獲取所述鏈接中所含HTML主文件標(biāo)識(shí)信息。根據(jù)所述HTML主文件標(biāo)識(shí)信息生成第一待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。獲取所述HTML主文件的內(nèi)容以供瀏覽器輸出，所述HTML主文件的內(nèi)容是所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)通過(guò)匹配所述第一待驗(yàn)證信息與所述第一憑證信息后返回的，其中，當(dāng)所述HTML主文件的內(nèi)容中的HTML附屬文件的相對(duì)路徑被所述瀏覽器讀到時(shí)，根據(jù)所述相對(duì)路徑所含所述HTML附屬文件的標(biāo)識(shí)信息生成第二待驗(yàn)證信息，并發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)，獲取所述HTML附屬文件的內(nèi)容，并根據(jù)所述HTML附屬文件的類型修改其內(nèi)容類型后供所述瀏覽器輸出，所述HTML附屬文件的內(nèi)容是所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)通過(guò)匹配所述第二待驗(yàn)證信息與所述第二憑證信息后返回的。
[0008]于本發(fā)明一實(shí)施例中，所述標(biāo)識(shí)信息包括:文件名稱。
[0009]于本發(fā)明一實(shí)施例中，根據(jù)所述HTML主文件或所述HTML附屬文件的標(biāo)識(shí)信息生成第一待驗(yàn)證信息或第二待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)是通過(guò)編寫(xiě)一處理程序來(lái)實(shí)現(xiàn)的。
[0010]于本發(fā)明一實(shí)施例中，所述方法還包括:當(dāng)所述HTML主文件的內(nèi)容中的HTML附屬文件的相對(duì)路徑被所述瀏覽器讀到時(shí)，通過(guò)地址轉(zhuǎn)換找到所述處理程序，所述處理程序根據(jù)所述相對(duì)路徑中的所述HTML附屬文件的標(biāo)識(shí)信息生成第二待驗(yàn)證信息，并發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。
[0011 ]為實(shí)現(xiàn)上述目的及其他相關(guān)目的，本發(fā)明提供一種基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽系統(tǒng)，所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)中預(yù)存有:包含至少一種HTML附屬文件的HTML主文件、用于提供所述HTML主文件的第一憑證信息、及用于提供所述至少一種HTML附屬文件的第二憑證信息，其中，所述第一憑證信息是根據(jù)所述HTML主文件的標(biāo)識(shí)信息生成的，所述第二憑證信息是根據(jù)所述HTML附屬文件的標(biāo)識(shí)信息生成的。所述系統(tǒng)包括:請(qǐng)求監(jiān)聽(tīng)模塊和內(nèi)容獲取模塊。請(qǐng)求監(jiān)聽(tīng)模塊用于監(jiān)聽(tīng)指定端口收到的訪問(wèn)鏈接請(qǐng)求，并在監(jiān)聽(tīng)到請(qǐng)求時(shí)，獲取所述鏈接中所含HTML主文件標(biāo)識(shí)信息。內(nèi)容獲取模塊用于根據(jù)所述HTML主文件標(biāo)識(shí)信息生成第一待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)，并獲取所述HTML主文件的內(nèi)容以供瀏覽器輸出，所述HTML主文件的內(nèi)容是所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)通過(guò)匹配所述第一待驗(yàn)證信息與所述第一憑證信息后返回的，其中，當(dāng)所述HTML主文件的內(nèi)容中的HTML附屬文件的相對(duì)路徑被所述瀏覽器讀到時(shí)，根據(jù)所述相對(duì)路徑所含所述HTML附屬文件的標(biāo)識(shí)信息生成第二待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)，并獲取所述HTML附屬文件的內(nèi)容，再根據(jù)所述HTML附屬文件的類型修改其內(nèi)容類型后供所述瀏覽器輸出，所述HTML附屬文件的內(nèi)容是所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)通過(guò)匹配所述第二待驗(yàn)證信息與所述第二憑證信息后返回的。
[0012]于本發(fā)明一實(shí)施例中，所述標(biāo)識(shí)信息包括:文件名稱。
[0013]于本發(fā)明一實(shí)施例中，所述系統(tǒng)還包括:信息處理模塊，用于根據(jù)所述HTML主文件或所述HTML附屬文件的標(biāo)識(shí)信息生成第一待驗(yàn)證信息或第二待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。
[0014]于本發(fā)明一實(shí)施例中，所述內(nèi)容獲取模塊還用于:所述HTML主文件的內(nèi)容中的HTML附屬文件的相對(duì)路徑被所述瀏覽器讀到時(shí)，通過(guò)地址轉(zhuǎn)換找到所述信息處理模塊，所述信息處理模塊根據(jù)所述相對(duì)路徑中的所述HTML附屬文件的標(biāo)識(shí)信息生成第二待驗(yàn)證信息，并發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。
[0015]如上所述，本發(fā)明的基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法及系統(tǒng)，能夠解決HTML主文件和其附屬文件無(wú)法預(yù)覽的問(wèn)題，使得瀏覽器加載HTML主文件后也能成功地加載其附屬文件。
【附圖說(shuō)明】
[0016]圖1顯示為本發(fā)明一實(shí)施例中的基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法流程圖。
[0017]圖2顯示為本發(fā)明一實(shí)施例中的基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽系統(tǒng)模塊圖。
[0018]元件標(biāo)號(hào)說(shuō)明
[0019]I開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)
[0020]2基于開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽系統(tǒng)
[0021]21請(qǐng)求監(jiān)聽(tīng)模塊
[0022]22內(nèi)容獲取模塊
[0023]3瀏覽器
[0024]SlOl?S105 步驟
【具體實(shí)施方式】
[0025]以下通過(guò)特定的具體實(shí)例說(shuō)明本發(fā)明的實(shí)施方式，本領(lǐng)域技術(shù)人員可由本說(shuō)明書(shū)所揭露的內(nèi)容輕易地了解本發(fā)明的其他優(yōu)點(diǎn)與功效。本發(fā)明還可以通過(guò)另外不同的【具體實(shí)施方式】加以實(shí)施或應(yīng)用，本說(shuō)明書(shū)中的各項(xiàng)細(xì)節(jié)也可以基于不同觀點(diǎn)與應(yīng)用，在沒(méi)有背離本發(fā)明的精神下進(jìn)行各種修飾或改變。需說(shuō)明的是，在不沖突的情況下，以下實(shí)施例及實(shí)施例中的特征可以相互組合。
[0026]需要說(shuō)明的是，以下實(shí)施例中所提供的圖示僅以示意方式說(shuō)明本發(fā)明的基本構(gòu)想，遂圖式中僅顯示與本發(fā)明中有關(guān)的組件而非按照實(shí)際實(shí)施時(shí)的組件數(shù)目、形狀及尺寸繪制，其實(shí)際實(shí)施時(shí)各組件的型態(tài)、數(shù)量及比例可為一種隨意的改變，且其組件布局型態(tài)也可能更為復(fù)雜。
[0027]本發(fā)明能通過(guò)一個(gè)鏈接訪問(wèn)請(qǐng)求，把存儲(chǔ)在OSS中的HTML主文件及其附屬文件讀出并提供給瀏覽器進(jìn)行加載，從而實(shí)現(xiàn)HTML多文件預(yù)覽的效果。
[0028]首先，本發(fā)明提供一種開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)，該系統(tǒng)中至少存有以下內(nèi)容:
[0029]I)包含至少一種HTML附屬文件的HTML主文件；
[0030]2)與所述HTML主文件相關(guān)聯(lián)的第一憑證信息，其中，所述第一憑證信息是根據(jù)所述HTML主文件的標(biāo)識(shí)信息生成的，相當(dāng)于授權(quán)密鑰，當(dāng)所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)在接收到與該授權(quán)密鑰匹配的口令時(shí)，允許訪問(wèn)所述HTML主文件的內(nèi)容；
[0031]3)與各個(gè)所述HTML附屬文件相關(guān)聯(lián)的第二憑證信息，其中，各個(gè)所述第二憑證信息是根據(jù)各個(gè)所述HTML附屬文件的標(biāo)識(shí)信息生成的，相當(dāng)于授權(quán)密鑰，當(dāng)所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)在接收到與該授權(quán)密鑰匹配的口令時(shí)，允許訪問(wèn)相應(yīng)HTML附屬文件的內(nèi)容。
[0032]需要說(shuō)明的是，所述標(biāo)識(shí)信息可以是:文件名稱、ID號(hào)、關(guān)鍵字符等各種形式。
[0033]請(qǐng)參閱圖1，本發(fā)明提供一種基于如上所述的開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)的HTML預(yù)覽方法，主要包括如下步驟:
[0034]步驟SlOl:優(yōu)選的，通過(guò)nginx來(lái)監(jiān)聽(tīng)指定的端口號(hào)，當(dāng)指定端口接收到訪問(wèn)鏈接的請(qǐng)求時(shí)，獲取所述鏈接中所含HTML主文件標(biāo)識(shí)信息，其中，訪問(wèn)鏈接的形式可以為:IP地址/端口號(hào)/HTML主文件標(biāo)識(shí)信息，例如:http://192.168.13.77:233/1.html。所述標(biāo)識(shí)信息可以是:文件名稱、ID號(hào)、關(guān)鍵字符等各種形式。
[0035]步驟S102:根據(jù)所述HTML主文件標(biāo)識(shí)信息生成第一待驗(yàn)證信息發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。
[0036]步驟S103:獲取所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)返回的所述HTML主文件的內(nèi)容，發(fā)送給瀏覽器供其輸出。需要說(shuō)明的是，所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)在接收到第一待驗(yàn)證信息后與預(yù)存的憑證信息匹配，將與憑證信息匹配結(jié)果為一致的關(guān)聯(lián)內(nèi)容向外發(fā)送，顯然，這里匹配的是第一憑證信息，因而向外發(fā)送HTML主文件的內(nèi)容。
[0037]步驟S104:當(dāng)所述瀏覽器讀到所述HTML主文件的內(nèi)容中的HTML附屬文件的相對(duì)路徑時(shí)，根據(jù)所述相對(duì)路徑所含所述HTML附屬文件的標(biāo)識(shí)信息生成第二待驗(yàn)證信息，并發(fā)送至所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)。如，某png附屬文件的相對(duì)路徑，其在HTML主文件內(nèi)容中的形式可以為:〈img src =，，2.png” width=，，654”...>，貝丨J其標(biāo)識(shí)信息即為 “2.png”。
[0038]步驟S105:獲取所述開(kāi)放存儲(chǔ)服務(wù)系統(tǒng)返回的所述HTML附屬文件的內(nèi)容，并根