如果直接访问如下 url:
http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle Grinder RT-AG 115

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

页面打开后,没有看到和 product 相关的执行逻辑:

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

我们自定义的 ActivatedRouterStateSnapshot interface,和上图 Chrome 调试器里打印的结构很像:

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

先在这个 reducer 里设置断点:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

打印出了海量的日志。我们先不管是谁触发的这些 reducer 调用,先查看和 product 相关的日志:

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

很像这两行:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

果然,这里已经解析出 navigation target 了:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

执行到这的时候,mavigation 的目标页面已经被解析出来了:

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

选择 cmsRequired 作为突破口。

在这个 serialize 方法里设置断点:

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

输入参数仅仅包含了一个 url:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

这个 cxRoute: 'product' 是哪里维护的?

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

这个 serialize 方法被调用时,貌似已经解析出来了?
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

cmsRequired 的赋值逻辑:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

还是没有找到我们要找的地方。

SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

这个 serializer 只是我们实现的一个 hook:
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

更多Jerry的原创文章,尽在:"汪子熙":
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案