[發明專利]一種前端Node.js自動化正靜態方法

在審

• 申請號: 201711025357.5
• 申請日: 2017-10-27
• 公開（公告）號: CN107766532A
• 公開（公告）日: 2018-03-06
• 發明（設計）人: 張翔
• 申請（專利權）人: 深圳市行云易通科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/445
• 代理公司: 深圳新創友知識產權代理有限公司44223
• 代理人: 江耀純

1.一種Node.js前端正靜態化方法，其特征在于，包括如下步驟：

T1：根據url地址通過配置Nginx代理本地文件，或通過url地址向遠程服務器發送請求下載靜態資源文件；

T2：將獲得的所述靜態資源文件經過chrome v8內核渲染，得到完整的dom結構并暫存在內存中；

T3：取出所述dom結構中body部分的代碼在本地進行靜態化渲染，得到靜態html內容并將所述靜態html內容寫為緩存文件。

2.如權利要求1所述的Node.js前端正靜態化方法，其特征在于，所述步驟T2包括如下步驟：

T21：所述chrome v8內核執行所述靜態資源文件中的html代碼，所述html代碼會繼續下載當前網址的js代碼和img資源；

T22：所述chrome v8內核執行所述js代碼，并去服務器上請求后端接口數據，將json格式的數據字段解析到對應的html標簽容器中，將后臺的數據渲染到了html中；

T23：所述js代碼繼續執行css代碼，將存在js代碼中的css代碼解析到style標簽中，并插入到此時暫存在內存中的dom結構的head標簽里；

T24：所有靜態資源文件被執行完之后，所述chrome v8內核模擬瀏覽器引擎將渲染完成的完整的dom結構輸出。

3.如權利要求1所述的Node.js前端正靜態化方法，其特征在于，所述步驟T3包括如下步驟：

T31：對所述dom結構內容進行解析，取出所述dom結構中所述body部分的代碼片段；

T32：根據預設模板編譯得到一個header內容，所述header內容包括SEO信息的相關的title、meta標簽以及當前網址的框架js引用路徑；

T33：將所述header內容和body代碼拼接，加上頁面資源js引用路徑并隨機生成一條32位hash字符串，拼接在資源js引用路徑的后面，即完成了靜態html內容的渲染過程；并將所述html內容寫為緩存文件。