Spartacus CSR 渲染模式下的 home page 网络请求

发布时间 2023-11-13 19:26:11作者: JerryWang_汪子熙

Spartacus CSR 渲染模式下的 home page 网络请求如下,其中第一个请求就是 baseSites OCC API 调用。

Spartacus是一个开源的、响应式的电子商务前端框架,是基于Angular构建的,旨在帮助企业快速构建现代化的电子商务网站。OCC(Omni Commerce Connect)是Spartacus与后端电子商务平台(通常是Hybris)之间的中间层,用于连接前端和后端系统。

当Spartacus Storefront运行并且用户打开首页时,网页会发起多个OCC API请求,以获取所需的数据和内容,以便构建和呈现页面。

https://spartacus-demo.eastus.cloudapp.azure.com:8443/occ/v2/basesites?fields=FULL&lang=en&curr=USD

这个API请求有以下几个参数:

  1. https://spartacus-demo.eastus.cloudapp.azure.com:8443:这是Spartacus Storefront与OCC服务器之间的通信地址。这通常是后端电子商务系统的地址。

  2. /occ/v2/basesites:这部分指示了所请求的资源或服务。在这个示例中,它请求了OCC的"basesites"资源,这是Spartacus用于配置多语言和多货币支持的一部分。

  3. ?fields=FULL:这是查询参数,用于指定在响应中返回的数据的详细程度。"FULL"通常意味着请求完整的基本站点信息。

  4. &lang=en:这是另一个查询参数,指定了所需的语言。在这个示例中,它要求使用英语。

  5. &curr=USD:这是查询参数,指定所需的货币。在这里,它请求美元(USD)货币。

现在,让我们详细解释一下这个OCC API请求的详细用途以及它在首页加载过程中的作用:

1. 获取基本站点信息:首先,这个API请求用于获取基本站点信息。基本站点信息包括关于电子商务网站的配置、支持的语言、货币和其他全局设置。这对于确保网站显示正确的语言和货币选项非常重要。

2. 支持多语言:通过在查询参数中指定lang=en,Spartacus请求以英语显示网站内容。这是多语言支持的一部分。如果用户在网站上选择切换语言,这个API请求可能会改变lang参数以适应用户的选择。

3. 支持多货币:通过在查询参数中指定curr=USD,Spartacus请求以美元(USD)显示价格和货币相关信息。如果用户切换货币,这个API请求的curr参数也可能会相应更改。

4. 填充首页内容:获得了基本站点信息之后,Spartacus Storefront可以使用这些信息来填充首页的内容。这可能包括显示不同语言的导航菜单、货币转换器和显示货币相关的价格。

5. 全局设置和配置:基本站点信息通常还包括全局设置和配置,如商店的名称、标语、购物车设置、结账选项等。这些信息对于呈现首页以及购物体验的其他方面都非常重要。

6. 支持多站点:Spartacus通常支持多个站点,每个站点都可能有不同的语言、货币和配置。这个API请求可以用于获取特定站点的信息。

7. 缓存与性能:此类API请求通常具有缓存机制,以减少对后端系统的频繁请求,从而提高性能。基本站点信息不会频繁更改,因此可以通过缓存来减轻后端负载。

总之,这个OCC API请求用于初始化Spartacus Storefront的首页,并确保网站根据用户的语言和货币选择正确显示内容。它是Spartacus与后端电子商务系统之间数据交换的一部分,使网站能够提供多语言和多货币支持,以及根据全局设置和站点配置呈现内容。这对于提供良好的用户体验和电子商务网站的正常运行至关重要。