[發(fā)明專利]頁(yè)面渲染方法、裝置、服務(wù)器及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201811630102.6
• 申請(qǐng)日: 2018-12-28
• 公開(kāi)（公告）號(hào): CN109739604B
• 公開(kāi)（公告）日: 2022-04-15
• 發(fā)明（設(shè)計(jì)）人: 占磊;李祎
• 申請(qǐng)（專利權(quán)）人: 北京城市網(wǎng)鄰信息技術(shù)有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451;G06F9/445
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本發(fā)明公開(kāi)了頁(yè)面渲染方法、裝置、服務(wù)器及存儲(chǔ)介質(zhì)，該方法包括：監(jiān)聽(tīng)?wèi)?yīng)用軟件的頁(yè)面調(diào)用請(qǐng)求；確定所述應(yīng)用軟件對(duì)應(yīng)的目標(biāo)SPA，并獲取對(duì)應(yīng)所述頁(yè)面調(diào)用請(qǐng)求的組件數(shù)據(jù)信息，其中，所述目標(biāo)SPA預(yù)先根據(jù)設(shè)定的SPA配置規(guī)則配置；將所述組件數(shù)據(jù)信息渲染到所述目標(biāo)SPA中，形成對(duì)應(yīng)所述頁(yè)面調(diào)用請(qǐng)求的超文本鏈接標(biāo)記語(yǔ)言頁(yè)面。利用該方法，能夠獲取到預(yù)先經(jīng)過(guò)SPA配置規(guī)則配置的與當(dāng)前頁(yè)面渲染相關(guān)的SPA，基于所獲取SPA進(jìn)行頁(yè)面渲染時(shí)，能夠降低所使用SPA出現(xiàn)錯(cuò)誤的發(fā)生概率，從而降低應(yīng)用軟件線上運(yùn)行中的維護(hù)風(fēng)險(xiǎn)及維護(hù)成本，同時(shí)也達(dá)到提升頁(yè)面渲染效率的目的。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，尤其涉及頁(yè)面渲染方法、裝置、服務(wù)器 及存儲(chǔ)介質(zhì)。

背景技術(shù)

單頁(yè)網(wǎng)頁(yè)應(yīng)用(Single Page web Application，SPA)，就是一個(gè)應(yīng)用程序只 存在一張網(wǎng)頁(yè)頁(yè)面的應(yīng)用，僅在應(yīng)用程序初始化頁(yè)面時(shí)加載相應(yīng)的組件數(shù)據(jù)， 一旦頁(yè)面首次加載完成，之后在用戶與應(yīng)用程序交互時(shí)僅利用路由機(jī)制動(dòng)態(tài)更 新該頁(yè)面，應(yīng)用程序開(kāi)發(fā)中采用SPA能夠很好避免頁(yè)面的重新加載。一般地， 當(dāng)存在頁(yè)面調(diào)用時(shí)，往往考慮在客戶端渲染(Client-Side Render，CSR)SPA形 成可展示頁(yè)面，但是該種渲染不利于搜索引擎優(yōu)化。

目前，為解決搜索引擎優(yōu)化，用戶與開(kāi)發(fā)形成的應(yīng)用程序進(jìn)行交互生成頁(yè) 面調(diào)用請(qǐng)求時(shí)，考慮通過(guò)服務(wù)端渲染(Server-Side Render，SSR)的方式渲染 SPA形成對(duì)應(yīng)所生成頁(yè)面請(qǐng)求的可展示超文本鏈接標(biāo)記語(yǔ)言(Hypertext Markup Language,HTML)頁(yè)面?，F(xiàn)有的實(shí)現(xiàn)SPA的SSR方式可描述為：其需要對(duì)每 個(gè)應(yīng)用程序在其項(xiàng)目開(kāi)發(fā)中為對(duì)應(yīng)的SPA編寫(xiě)代碼，以通過(guò)所編寫(xiě)代碼將對(duì)應(yīng) SPA的組件和路由引入唯一的SSR服務(wù)入口，然后當(dāng)接收到應(yīng)用程序的頁(yè)面調(diào) 用請(qǐng)求時(shí)，需要根據(jù)預(yù)先編寫(xiě)的代碼確定該應(yīng)用程序在SSR服務(wù)入口文件中對(duì) 應(yīng)的SPA，之后再利用該SPA的路由配置信息確定該頁(yè)面調(diào)用請(qǐng)求對(duì)應(yīng)的組件 數(shù)據(jù)，最終將確定的SPA和組件數(shù)據(jù)一起渲染形成可展示的HTML頁(yè)面。

然而，現(xiàn)有方式的缺陷在于：由于不同應(yīng)用軟件開(kāi)發(fā)所涉及SPA的相關(guān)信 息都需要編寫(xiě)在唯一SSR服務(wù)入口文件中，且寫(xiě)入時(shí)不同項(xiàng)目采用的編程方式 可能不同，因此，當(dāng)SSR服務(wù)入口文件中的SPA數(shù)量較多或邏輯復(fù)雜時(shí)，就增 大了編程失誤的出現(xiàn)概率，由此大大提升了應(yīng)用軟件維護(hù)的風(fēng)險(xiǎn)，也提高了應(yīng) 用軟件的維護(hù)成本和研發(fā)成本。

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

本發(fā)明實(shí)施例提供了頁(yè)面渲染方法、裝置、服務(wù)器及存儲(chǔ)介質(zhì)，解決了服 務(wù)器渲染維護(hù)風(fēng)險(xiǎn)高及成本投入高的問(wèn)題。

第一方面，本發(fā)明實(shí)施例提供了一種頁(yè)面渲染方法，包括：

監(jiān)聽(tīng)?wèi)?yīng)用軟件的頁(yè)面調(diào)用請(qǐng)求；

確定所述應(yīng)用軟件對(duì)應(yīng)的目標(biāo)SPA，并獲取對(duì)應(yīng)所述頁(yè)面調(diào)用請(qǐng)求的組件 數(shù)據(jù)信息，其中，所述目標(biāo)SPA預(yù)先根據(jù)設(shè)定的SPA配置規(guī)則配置；

將所述組件數(shù)據(jù)信息渲染到所述目標(biāo)SPA中，形成對(duì)應(yīng)所述頁(yè)面調(diào)用請(qǐng)求 的超文本鏈接標(biāo)記語(yǔ)言頁(yè)面。

進(jìn)一步地，該方法還包括：

根據(jù)設(shè)定的SPA配置規(guī)則配置所開(kāi)發(fā)各應(yīng)用程序關(guān)聯(lián)的SPA；

相應(yīng)的，所述根據(jù)設(shè)定的SPA配置規(guī)則配置所開(kāi)發(fā)各應(yīng)用程序關(guān)聯(lián)的SPA， 包括：

在設(shè)定的存儲(chǔ)路徑下存放各所述SPA的代碼文件夾，其中，各所述代碼文 件夾中包含用于頁(yè)面展示的全部組件數(shù)據(jù)信息；

以設(shè)定形式命名各所述SPA對(duì)應(yīng)的頁(yè)面入口文件和路由配置文件；

其中，所述頁(yè)面入口文件作為SPA與所關(guān)聯(lián)應(yīng)用軟件的關(guān)聯(lián)標(biāo)識(shí)文件，所 述路由配置文件用于確定所關(guān)聯(lián)應(yīng)用軟件中各頁(yè)面調(diào)用請(qǐng)求對(duì)應(yīng)的組件數(shù)據(jù)信 息，所述路由配置文件中的代碼結(jié)構(gòu)滿足預(yù)設(shè)的統(tǒng)一設(shè)計(jì)格式。