如何啟用SAP Spartacus服務器端渲染模式

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

在Spartacus中，服務器端呈現允許您在服務器端呈現頁面的靜態版本。這加快了響應時間，有助于SEO，并允許應用程序更快地渲染。Angular啟動后，您站點的用戶將獲得完整的體驗。

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

如何啟用Spartacus SSR

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

ng add @spartacus/schematics --ssr

Installation Steps for Spartacus Development

設置environment.prod.ts里的occBaseUrl：

關掉PWA：

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

app.module.ts里，關閉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完畢：

總共花費400秒

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

yarn build --prod

實際上執行的命令是：

ng build storefrontapp --prod --prod

總共花費215秒：

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

yarn build:ssr

72秒結束：

最后一個步驟：
yarn serve:ssr

原來是用的node express server

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