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'] },