如何啟用SAP Spartacus服務(wù)器端渲染模式

本篇文章為大家展示了如何啟用SAP Spartacus服務(wù)器端渲染模式，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

在Spartacus中，服務(wù)器端呈現(xiàn)允許您在服務(wù)器端呈現(xiàn)頁面的靜態(tài)版本。這加快了響應(yīng)時(shí)間，有助于SEO，并允許應(yīng)用程序更快地渲染。Angular啟動后，您站點(diǎn)的用戶將獲得完整的體驗(yàn)。

服務(wù)器端渲染頁面的靜態(tài)版本。服務(wù)器端渲染(Server Side Rendering,SSR)加快了應(yīng)用的響應(yīng)速度，有助于頁面SEO-搜索引擎優(yōu)化。

如何啟用Spartacus SSR

向Spartacus應(yīng)用程序添加SSR支持的推薦方法是使用schematics。只需一個(gè)命令，所有必需的文件就會自動添加，所有SSR支持的修改也會自動完成。要向Spartacus應(yīng)用程序添加SSR支持，請運(yùn)行以下命令：

ng add @spartacus/schematics --ssr

Installation Steps for Spartacus Development

設(shè)置environment.prod.ts里的occBaseUrl：

關(guān)掉PWA：

一旦Spartacus以PWA模式安裝，就會安裝一個(gè)服務(wù)工作者，它將與js文件一起提供index.html的緩存版本。這導(dǎo)致SSR被完全跳過。以下步驟描述了如何關(guān)閉PWA。

app.module.ts里，關(guān)閉pwa：

yarn build:core:lib

building Angular package

Compiling TypeScript sources through ngc

Bundling to FESM2015

Spartacus/core built完畢
Angular package built完畢

built輸出位于projects/core和dist/core文件夾下面：

storefrontlib build完畢：

organization/Administration/core built完畢：

總共花費(fèi)400秒

然后：Build your local Spartacus shell app by running the following command:

yarn build --prod

實(shí)際上執(zhí)行的命令是：

ng build storefrontapp --prod --prod

總共花費(fèi)215秒：

Build the SSR version of your shell app by running the following command:

yarn build:ssr

72秒結(jié)束：

最后一個(gè)步驟：
yarn serve:ssr

原來是用的node express server

上述內(nèi)容就是如何啟用SAP Spartacus服務(wù)器端渲染模式，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。