温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-24 46 次阅读

如何启用sap spartacus服务器端渲染模式

   

本篇文章为大家展示了如何启用sap spartacus服务器端渲染模式,内容长篇大论并且容易理解,绝对能使你眼前一亮,通过本文的详细介绍希望你能有所收获。

在spartacus中,服务器端呈现允许您在服务器端呈现页面的静态版本。这加快了响应时间,能帮助并引导seo,并允许应用程序更快地渲染。angular启动后,您站点的用户将得到完整的体验。

服务器端渲染页面的静态版本。服务器端渲染(server side rendering,ssr)加快了应用的响应速度,能帮助并引导页面seo-检索引擎优化。

如何启用spartacus ssr

向spartacus应用程序添加ssr支持的推荐方法是使用schematics。只需一个命令,所有必需的文件就会自动添加,所有ssr支持的修改也会自动完成。要向spartacus应用程序添加ssr支持,请运行以下命令

ng add @spartacus/schematics --ssrinstallation 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服务器端渲染模式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。