如何启用SAPSpartacus服务器端渲染模式
本篇文章为大家展示了如何启用SAP Spartacus服务器端渲染模式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的遂昌网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!在Spartacus中,服务器端呈现允许您在服务器端呈现页面的静态版本。这加快了响应时间,有助于SEO,并允许应用程序更快地渲染。Angular启动后,您站点的用户将获得完整的体验。
服务器端渲染页面的静态版本。服务器端渲染(Server Side Rendering,SSR)加快了应用的响应速度,有助于页面SEO-搜索引擎优化。
如何启用Spartacus SSRngadd@spartacus/schematics--ssrInstallation Steps for Spartacus Development向Spartacus应用程序添加SSR支持的推荐方法是使用schematics。只需一个命令,所有必需的文件就会自动添加,所有SSR支持的修改也会自动完成。要向Spartacus应用程序添加SSR支持,请运行以下命令:
设置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:
yarnbuild--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服务器端渲染模式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
文章标题:如何启用SAPSpartacus服务器端渲染模式
本文来源:http://scyanting.com/article/cggpgh.html