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

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的遂昌網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

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

如何啟用Spartacus SSR

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

ngadd@spartacus/schematics--ssrInstallation Steps for Spartacus Development

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

關(guān)掉PWA：

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

yarnbuild--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

原來(lái)是用的node express server

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

新聞名稱：如何啟用SAPSpartacus服務(wù)器端渲染模式
鏈接URL：http://weahome.cn/article/cggpgh.html