- SAP 电商云 Spartacus UI 的 Product C
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- HTML 按钮(button)的 disable 属性和 dis
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
- Angular 如何根据一个 class 的定义和数据,动态创建
- SAP 电商云 Spartacus UI Proxy Facad
- Angular @Injectable 注解的工作原理浅析
- 关于 Angular 部署以及 index.html 里 bas
- SAP 电商云 Spartacus UI 从 CMS 取回 sl
关键词:SSR,state transfer
![](https://img.haomeiwen.com/i2085791/14ed7bced1393bf2.png)
把这个 script 的内容保存下来:
![](https://img.haomeiwen.com/i2085791/536854c15c9f446d.png)
根据当前执行环境的区别,分别获取对应的 reducer:
![](https://img.haomeiwen.com/i2085791/2fcee3d4714e762b.png)
BaseSiteService 的依赖注入:依赖于 Store,
![](https://img.haomeiwen.com/i2085791/662fe45248138104.png)
为了初始化 Store,需要从 SSR 的 state 里抓取数据。
![](https://img.haomeiwen.com/i2085791/f574f261564c1502.png)
![](https://img.haomeiwen.com/i2085791/25622de267e95793.png)
产品主数据已经在 transfer state 里了:
![](https://img.haomeiwen.com/i2085791/e9e337ba76939ac5.png)
base site,currency 和 language 等也在:
![](https://img.haomeiwen.com/i2085791/639ba63785a9e1d2.png)
![](https://img.haomeiwen.com/i2085791/698a3cd00ad09720.png)
更多Jerry的原创文章,尽在:"汪子熙":
![](https://img.haomeiwen.com/i2085791/97c4752c0e619c44.png)
网友评论