SAP Spartacus develop branch 的服务器端渲染启动方式

简介: SAP Spartacus develop branch 的服务器端渲染启动方式


(1) yarn build:libs

这个命令行是完成本地 library 的构建。需要将近10分钟。

(2) 这个命令是完成 shell app 的构建。

yarn build --prod

命令行里出现的 40.76 来自 .env-cmdrc 文件:

需要将近3分钟。

(3) 使用如下命令进行服务器端 shell 应用的构建:

yarn build:ssr

如果看到下面的提示消息,说明启动成功了:

如果 Node.js 服务器后台观察到这种消息:SSR rendering exceeded timeout 3000, 说明默认的 3000 毫秒时间不足以完成首页的服务器段渲染:

此时修改 ng-express-engine-decorator.ts 里 tineout,然后重新执行 yarn:build:setup, yarn build --prod 和 yarn build:ssr.

改成一个特殊的值比如 19821039, 方便将来查找。

最后在 dist 文件夹的 main.js 里面能够搜索到这个特殊值。

怎么还是 3000?

发现了process.env 里的这个环境变量 SSR_TIMEOUT:

那么我就新建一个 ssr.bat 的批处理文件,内容如下:

set SSR_TIMEOUT=1981231&& yarn serve:ssr

结果又遇到新问题:


Http failure response for https://xxxxx


An unknown http error occurred:


所以 bat 文件的内容应该改成:


set SSR_TIMEOUT=1981231&& yarn serve:ssr:dev这样,可以使用参数 cross-env NODE_TLS_REJECT_UNAUTHORIZED=0 启动 node.js 服务器,绕过 certificate 问题。

然而又遇到新问题:cannot find module ./353.js??

这种情况下,从头开始对整个 Spartacus 进行构建,然后重试。

果然,全部从头做之后就正常了:

213kb,这个数据量才是正常的:

Spartacus 支持移动和平板电脑平台上的常青网络浏览器。

iOS 浏览器

在基于 iOS 的设备上,Spartacus 支持 Safari、Chrome 和其他浏览器。 尽管不是每个浏览器都经过测试,但 Spartacus 应该可以与任何 iOS 浏览器兼容,因为所有 iOS 浏览器都使用基于 Webkit 的 iOS 浏览器引擎。

安卓浏览器

在基于 Android 的设备上,Spartacus 在基于 Chromium 和 Blink 布局引擎的 Chrome 上进行了测试。 任何使用相同引擎的 Android 浏览器都可能与 Spartacus 一起使用。 其他使用不同浏览器引擎的浏览器没有经过测试,但那些使用 Webkit 的浏览器应该也能正常工作。

5.1 版本(2O23 年 5 月 9 日更新)

yarn build:libs

成功

yarn build

成功

yarn build:ssr

成功

yarn serve:ssr 启动

能启动,但是老是报超时:

An unknown http error occurred

Http failure response for https://40.76.109.9:9002/occ/v2/basesites?fields=FULL: 0 Unknown Error

SSR rendering exceeded timeout 7000, fallbacking to CSR for /electronics-spa/en/USD/


应该用:yarn serve:ssr:dev

相关文章
|
3月前
|
搜索推荐 Java 索引
Java中的服务器端渲染(SSR)
Java中的服务器端渲染(SSR)
|
2月前
|
前端开发 安全 开发者
JSF文件上传,让Web应用如虎添翼!一招实现文件上传,让用户爱不释手!
【8月更文挑战第31天】在现代Web应用开发中,文件上传是重要功能之一。JSF(JavaServer Faces)框架提供了强大的文件上传支持,简化了开发流程。本文将介绍JSF文件上传的基本步骤:创建前端表单、处理上传文件的后端Action类、将文件保存到服务器指定目录以及返回结果页面。通过示例代码,我们将展示如何利用JSF实现文件上传功能,包括使用`h:inputFile`控件和`ManagedBean`处理上传逻辑。此外,JSF文件上传还具备类型安全、解耦合和灵活性等优点,有助于提升程序的健壮性和可维护性。
28 0
|
2月前
|
Java 数据库 API
JSF与JPA的史诗级联盟:如何编织数据持久化的华丽织锦,重塑Web应用的荣耀
【8月更文挑战第31天】JavaServer Faces (JSF) 和 Java Persistence API (JPA) 分别是构建Java Web应用的用户界面组件框架和持久化标准。结合使用JSF与JPA,能够打造强大的数据驱动Web应用。首先,通过定义实体类(如`User`)和配置`persistence.xml`来设置JPA环境。然后,在JSF中利用Managed Bean(如`UserBean`)管理业务逻辑,通过`EntityManager`执行数据持久化操作。
38 0
|
2月前
|
JavaScript 前端开发 UED
服务器端渲染新浪潮:用Vue.js和Nuxt.js构建高性能Web应用
【8月更文挑战第30天】在现代Web开发中,提升应用性能和SEO友好性是前端开发者面临的挑战。服务器端渲染(SSR)能加快页面加载速度并改善搜索引擎优化。Vue.js结合Nuxt.js提供了一个高效框架来创建SSR应用。通过安装`create-nuxt-app`,可以轻松创建新的Nuxt.js项目,并利用其自动路由功能简化页面管理。Nuxt.js默认采用SSR模式,并支持通过`asyncData`方法预取数据,同时提供了静态站点生成和服务器端渲染的部署选项,显著提升用户体验。
54 0
|
3月前
|
JavaScript 前端开发 搜索推荐
服务器端渲染技术SSR与ISR:深入解析与应用
【7月更文挑战第20天】服务器端渲染(SSR)和增量静态再生(ISR)作为现代Web开发中的两种重要渲染技术,各有其独特的优势和适用场景。在实际应用中,开发者应根据具体需求和条件选择合适的渲染模式。无论是追求极致的页面加载速度和SEO优化,还是实现内容的实时更新,SSR和ISR都能提供有效的解决方案。通过深入理解这些技术的工作原理和应用场景,开发者可以构建出更加高效、可靠和用户体验优异的Web应用。
|
3月前
|
缓存 Java 数据库
Java中的服务器端渲染(SSR)优化与实现
Java中的服务器端渲染(SSR)优化与实现
|
3月前
|
搜索推荐 Java 索引
Java中的服务器端渲染(SSR)
Java中的服务器端渲染(SSR)
|
12月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成
|
API 开发者
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
下一篇
无影云桌面