SAP Spartacus 产品明细页面的 url 设计和数据源

明细页面 url：

http://localhost:4200/electronics-spa/en/USD/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578

组件选择器：cx-generic-link

加上打印语句，发现是 local url 的情况：

routerUrl 来自 this.routeParts.path:

到上一层即 banner Component 里去查找：

说明 generic link Component 的 url 是 banner Component 的 data$ 属性传入的：

数据来自 this.component.data$:

这个 Component 是自动注入的：

加上一行打印语句：

果然，跳转链接就藏在这里：

在这个 Component 里维护的数据：

如下图所示：从 Chrome 开发者工具 network tab 观察到的 urlLink 数据：

根据如下关键字，到 SAP Spartacus sampledata extension 里进行搜索：C:\Code\H2011\hybris\bin\custom\spartacussampledata

“urlLink” : “/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578”

id: ElectronicsHompageSplashBannerComponent

 "uid" : "ElectronicsHompageSplashBannerComponent",
               "uuid" : "eyJpdGVtSWQiOiJFbGVjdHJvbmljc0hvbXBhZ2VTcGxhc2hCYW5uZXJDb21wb25lbnQiLCJjYXRhbG9nSWQiOiJlbGVjdHJvbmljcy1zcGFDb250ZW50Q2F0YWxvZyIsImNhdGFsb2dWZXJzaW9uIjoiT25saW5lIn0=",
               "typeCode" : "SimpleResponsiveBannerComponent",
               "modifiedtime" : "2021-07-21T22:54:37.245Z",
               "name" : "Electronics Homepage Splash Banner Component",
               "container" : "false",
               "media" : {
                  "tablet" : {
                     "code" : "Elec_770x350_HomeSpeed_EN_01_770W.jpg",
                     "mime" : "image/jpeg",
                     "altText" : "Save Big On Select SLR & DSLR Cameras",
                     "url" : "/medias/Elec-770x350-HomeSpeed-EN-01-770W.jpg?context=bWFzdGVyfGltYWdlc3w1MzAzOHxpbWFnZS9qcGVnfGltYWdlcy9oNmIvaDFkLzg3OTczMjc0MjU1NjYuanBnfDc1NzM3MzVmMTc2M2RlMGIyOTBhNmY1ZmY3ZTVmODYwMTIyNDAyMTA3Njg5OWU4ZTQxYjJjNDZlMmY4YmE2OTg"
                  },
                  "desktop" : {
                     "code" : "Elec_960x330_HomeSpeed_EN_01_960W.jpg",
                     "mime" : "image/jpeg",
                     "altText" : "Save Big On Select SLR & DSLR Cameras",
                     "url" : "/medias/Elec-960x330-HomeSpeed-EN-01-960W.jpg?context=bWFzdGVyfGltYWdlc3w1MzE2M3xpbWFnZS9qcGVnfGltYWdlcy9oMjIvaGFmLzg3OTczMjc1NTY2MzguanBnfGE5OGJmYjJlMTJhMGI1Njg2NDgzZTY2M2Q2MTM1NTQ2Y2YxZmU1ZWY3NmU4MDcxN2ZjODBjMzNiZTZiZjNmNmM"
                  },
                  "mobile" : {
                     "code" : "Elec_480x320_HomeSpeed_EN_01_480W.jpg",
                     "mime" : "image/jpeg",
                     "altText" : "Save Big On Select SLR & DSLR Cameras",
                     "url" : "/medias/Elec-480x320-HomeSpeed-EN-01-480W.jpg?context=bWFzdGVyfGltYWdlc3wzMzkzMnxpbWFnZS9qcGVnfGltYWdlcy9oNGIvaGFjLzg3OTczMjczNjAwMzAuanBnfDEwOGY1YmU0MWRhYjAwNTVkNDkxZDM3YzA1OTlkY2I2MDlmYzUwMGJiMWNlYWMxZDY1Y2E2NzY2ZjdkYzU0MTg"
                  },
                  "widescreen" : {
                     "code" : "Elec_1400x440_HomeSpeed_EN_01_1400W.jpg",
                     "mime" : "image/jpeg",
                     "altText" : "Save Big On Select SLR & DSLR Cameras",
                     "url" : "/medias/Elec-1400x440-HomeSpeed-EN-01-1400W.jpg?context=bWFzdGVyfGltYWdlc3w4MTk4OHxpbWFnZS9qcGVnfGltYWdlcy9oNmQvaGVlLzg3OTczMjcxNjM0MjIuanBnfDI4YmVkMGI5MGU1ODMxZmM4YjgwODQ4YjI5ZWE2ZjkwNWVlOTQ4YzVjNGIzNTgwMmYwODc3MDMwYWZmNzgwMjI"
                  }
               },
               "urlLink" : "/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578"
            }, 

sample data extension里搜索不到：

578 是在 Commerce Backoffice 这里维护的：Link to

但 sample data 里查不到这个 url：

/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578

只能说明这个 url 并不是维护在 Spartacus sampledata extension 里，而是 Commerce 的 impex 里。

pk:8796218262588

type:SimpleResponsiveBannerComponent

果然，在 Commerce impex 里发现了这个 url：

• BannerComponent