[發(fā)明專利]區(qū)塊生成方法、網(wǎng)頁渲染方法及裝置

有效

• 申請?zhí)枺?/td>: 201811242839.0
• 申請日: 2018-10-24
• 公開（公告）號: CN109508434B
• 公開（公告）日: 2020-07-28
• 發(fā)明（設計）人: 束鋒華
• 申請（專利權）人: 北京創(chuàng)鑫旅程網(wǎng)絡技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京鉦霖知識產(chǎn)權代理有限公司 11722
• 代理人: 王淑玲;李志新

1.一種區(qū)塊生成方法，其中，包括：

獲取用戶輸入的區(qū)塊配置信息，所述區(qū)塊配置信息包括節(jié)點內(nèi)容、區(qū)塊控制器、異步屬性和搜索引擎優(yōu)化SEO友好屬性，所述節(jié)點內(nèi)容中包括渲染接口信息；

調(diào)用預設的區(qū)塊生成函數(shù)，根據(jù)所述區(qū)塊配置信息，生成區(qū)塊，所述區(qū)塊生成函數(shù)是根據(jù)所述區(qū)塊配置信息確定的；

根據(jù)所述區(qū)塊配置信息，確定所述區(qū)塊的渲染模式，所述渲染模式包括同步渲染模式和異步渲染模式。

2.根據(jù)權利要求1所述的方法，其中，所述區(qū)塊配置信息還包括：超文本標記語言HTML節(jié)點標識、節(jié)點類別和區(qū)塊樣式。

3.根據(jù)權利要求1所述的方法，其中，根據(jù)所述區(qū)塊配置信息，確定所述區(qū)塊的渲染模式，包括：

若訪問者為普通瀏覽器，則根據(jù)區(qū)塊配置信息中包括的異步屬性，確定渲染模式；

若訪問者為搜索引擎，則根據(jù)區(qū)塊配置信息中包括的SEO友好屬性，確定渲染模式。

4.根據(jù)權利要求3所述的方法，其中，所述根據(jù)區(qū)塊中包括的SEO友好屬性，確定渲染模式，包括：

若SEO友好屬性表征對SEO友好，則確定渲染模式為同步渲染模式；

若SEO友好屬性表征對SEO不友好，則根據(jù)區(qū)塊配置信息中包括的異步屬性，確定渲染模式。

5.根據(jù)權利要求3或4所述的方法，其中，根據(jù)區(qū)塊配置信息中包括的異步屬性，確定渲染模式，包括：

若異步屬性表征異步，則確定渲染模式為異步渲染模式；

若異步屬性表征非異步，則確定渲染模式為同步渲染模式。

6.一種網(wǎng)頁渲染方法，其中，包括：

獲取網(wǎng)頁加載請求，以及所述網(wǎng)頁加載請求所請求加載的網(wǎng)頁；

獲取所述網(wǎng)頁中包括的區(qū)塊，所述區(qū)塊為預先對網(wǎng)頁元素進行劃分得到的，且包括區(qū)塊配置信息，所述區(qū)塊配置信息包括超文本標記語言HTML節(jié)點標識、節(jié)點類別、節(jié)點內(nèi)容、區(qū)塊控制器、區(qū)塊樣式、異步屬性和搜索引擎優(yōu)化SEO友好屬性，所述節(jié)點內(nèi)容中包括渲染接口信息；

獲取所述網(wǎng)頁中包括的各區(qū)塊的渲染模式，所述渲染模式根據(jù)所述區(qū)塊配置信息確定，并包括同步渲染模式和異步渲染模式；

根據(jù)所述渲染模式，分別渲染并加載所述網(wǎng)頁中包括的各區(qū)塊。

7.根據(jù)權利要求6所述的方法，其中，所述根據(jù)所述渲染模式，渲染所述網(wǎng)頁中包括的各區(qū)塊，包括：

若所述區(qū)塊的渲染模式為同步渲染模式，則渲染該區(qū)塊的完整HTML內(nèi)容；

若所述區(qū)塊的渲染模式為異步渲染模式，則渲染該區(qū)塊的異步加載區(qū)塊信息，所述異步加載區(qū)塊信息包括HTML節(jié)點標識、節(jié)點類別、節(jié)點內(nèi)容、區(qū)塊控制器、區(qū)塊樣式。

8.根據(jù)權利要求6或7所述的方法，其中，所述根據(jù)所述渲染模式，加載所述網(wǎng)頁中包括的各區(qū)塊，包括：

若所述區(qū)塊的渲染模式為同步渲染模式，則同步加載該區(qū)塊的完整HTML內(nèi)容，并利用區(qū)塊控制器初始化該區(qū)塊；

若所述區(qū)塊的渲染模式為異步渲染模式且該區(qū)塊的區(qū)塊控制器未被初始化，則根據(jù)該區(qū)塊中包括的節(jié)點內(nèi)容，異步加載該區(qū)塊的完整HTML內(nèi)容，并利用區(qū)塊控制器初始化該區(qū)塊。

9.根據(jù)權利要求8所述的方法，其中，根據(jù)區(qū)塊中包括的節(jié)點內(nèi)容，異步加載區(qū)塊的完整HTML內(nèi)容，包括：

向區(qū)塊公共渲染接口發(fā)送渲染結(jié)果獲取請求，所述渲染結(jié)果獲取請求中包括所述節(jié)點內(nèi)容中包括的渲染參數(shù)和渲染接口信息；

接收所述公共渲染接口根據(jù)所述渲染參數(shù)和所述渲染接口信息渲染的HTML內(nèi)容；

將接收到的所述HTML內(nèi)容填充至區(qū)塊中。