本文主要介紹角度部署到服務(wù)器(角度渲染頁(yè)面原理)，下面一起看看角度部署到服務(wù)器(角度渲染頁(yè)面原理)相關(guān)資訊。
關(guān)于angular universal渲染的頁(yè)面源代碼，我們有兩種緩存
當(dāng)http緩存使用網(wǎng)絡(luò)緩存時(shí)，一切都是為了在服務(wù)器上設(shè)置正確的響應(yīng)頭。它們指定緩存生存期和緩存策略。一個(gè)例子如下:
cache-control:最大年齡= 31536000
此選項(xiàng)適用于未經(jīng)授權(quán)的區(qū)域和數(shù)據(jù)長(zhǎng)時(shí)間未更改的情況。
在內(nèi)存緩存中，內(nèi)存緩存可用于呈現(xiàn)頁(yè)面和應(yīng)用程序本身的api請(qǐng)求。這兩個(gè)用例都是通過開發(fā)包@ngx-ssr/cache提供的。
將ngxssrcachemodule添加到appmodule以緩存api請(qǐng)求，并在瀏覽器中的服務(wù)器上。
maxsize屬性負(fù)責(zé)最大緩存大小。值為50意味著緩存將包含來(lái)自應(yīng)用程序的50個(gè)以上的最后get請(qǐng)求。
maxage屬性負(fù)責(zé)緩存的生命周期。以毫秒為單位指定。
按如下使用代碼:
從 amp導(dǎo)入{ browsermodule };;@ angular/platform-瀏覽器 ；從 amp導(dǎo)入{ ngmodule };;@ angular/core ;；從 amp導(dǎo)入{ appcomponent };;。/app . component ;；從 amp導(dǎo)入{ ngxssrcachemodule };;@ ngx-ssr/cache ;；從 ../環(huán)境/環(huán)境 ；@ ng module({ declarations:[app compon:[browser module，ngxssrcachemodule . configlrucach: 10 * 60 _ 000，maxsiz: 50 })，]，bootstrap:[app component]，})導(dǎo)出類appmodule {}比如同一個(gè)包中的所有內(nèi)容@ngx-ssr/cache都有一個(gè)子模塊@ngx。-ssr/cache/express .它導(dǎo)入一個(gè)帶緩存的函數(shù)。這個(gè)函數(shù)是渲染引擎的包裝器。使用方法如下:
從 amp導(dǎo)入{ ngexpressengine };;@ nguniversal/express-engine ;；從 amp導(dǎo)入{ lrucache };;@ ngx-ssr/cache ;；從 amp導(dǎo)入{ withcache };;@ ngx-ssr/cache/express ;；server . engine( ;html 、withcache(新lrucach: 10 * 60 _ 000，maxsiz: 100 })、ng: apps——，尤其是從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)時(shí)。幸運(yùn)的是，express.js提供了一種通過模板引擎從服務(wù)器端應(yīng)用程序創(chuàng)建動(dòng)態(tài)html頁(yè)面的方法。
模板引擎的工作相當(dāng)簡(jiǎn)單:創(chuàng)建一個(gè)模板，并使用適當(dāng)?shù)恼Z(yǔ)法向它傳遞變量。然后，在呈現(xiàn)模板的適當(dāng)路徑上，將值賦給模板文件中聲明的變量。這些是在呈現(xiàn)模板時(shí)實(shí)時(shí)編譯的。
模板引擎的一個(gè)基本特性是，它們?cè)试S我們創(chuàng)建稱為部件的可重用組件，這些組件可以在其他文件中重用。這有助于防止代碼重復(fù)，并使更改更容易實(shí)現(xiàn)。
有多種模板引擎可用于express。express中默認(rèn)的模板引擎是jade，現(xiàn)在叫做pug。但是，在express中默認(rèn)安裝的jade仍然使用舊版本。
標(biāo)簽:
緩存模板
了解更多角度部署到服務(wù)器(角度渲染頁(yè)面原理)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。