乐趣区

关于sap:SAP-电商云-Spartacus-UI-根据-url-设置-site-context-的具体例子

connectors

蕴含:

  • site.connector.ts
  • site.adapter.ts
  • converters.ts

converters.ts

还是从 site-context 平级目录导入:

创立几个 normalizer 的 injection token:

convertor 负责把数据模型从后盾格局转换成 UI 模式:

site.adapter.ts (SiteAdapter)

是一个纯虚函数:

在 core 的 occ 文件夹里,SiteAdapter 被 OCCSiteAdapter 实现:

site.connector.ts (SiteConnector)

应用了通过构造函数注入的 SiteAdapter 对应的办法。

events

这里呈现了第二个 module:

site-context-event.module.ts

空的 module:

site-context-event.builder.ts (SiteContextEventBuilder)

全副的导入信息:

这里注入了规范的 ActionSubject,来自 @ngrx/store

register 办法

  protected register(): void {this.registerSetLanguage();
    this.registerSetCurrency();}

registerSetLanguage

上面是具体的调试细节。

ActionSubject 通过结构函数参数注入:

运行时,set Active Language action 触发了:

payload 为 en

在 language.service.ts 里,抛出了 action:SiteContextActions.SetActiveLanguage(isocode)

为什么 event builder 能够接管到呢?通过这个 OfType

en 参数仿佛是从浏览器地址栏 url 提取的:

咱们能够通过定义上下文属性 (如 baseSite、语言和货币) 来配置应用程序。当咱们将这些属性的值附加到店面 URL 时,Storefront 将基于这些值进行配置。

例如,当用户拜访 https://localhost:4200/electr… 时,应用程序将加载 electronic -spa base-site,将站点语言设置为英语(en),并将货币设置为美元(USD)。

上下文属性还为语言和货币下拉列表设置默认值,能够应用它们动静地更改店面的上下文。

默认状况下,context 不会呈现在 Spartacus 的店面 URL 中。

有的客户可能心愿有上下文呈现在店面 URL,作为一种优化 SEO 的形式,或为保护 URL 与以前的店面的兼容性。例如,客户可能心愿搜寻机器人依据 URL 中的语言和货币对店面的不同版本进行分类。或者客户可能从另一个店面迁徙到 Spartacus,该店面 URL 中蕴含上下文,您心愿放弃以前建设的页面排名。

要在 URL 中蕴含上下文,须要在 app.modules.ts 的 context 属性中增加 urlParameters 属性。示例如下:

 context: {baseSite: ['electronics-spa'],
    urlParameters: ['baseSite', 'language', 'currency']
  },
退出移动版