SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析DNS,个人版 1个月
全局流量管理 GTM,标准版 1个月
简介: SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置

如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts 文件里:


image.png


修改之后,产品明细页面和 homepage 的产品超链接都一齐变更了:

image.pngimage.pngimage.png


这个默认配置什么时候被读取,并且如何被解析的呢?


如果仅仅按照 product 作为关键字搜索,那么匹配结果太多了,因为这个单词太 generic 了:

image.pngimage.png


而且 RoutesConfig 这个类型,多半都是被代码动态解析的。


换个思路,把 product 改成 product2,看看会不会报错:


image.pngimage.png

这回尴尬了,鼠标放上去,显示的 url 指向 home 链接,说明 product 明细页面的 url 根本就没有生成,这条路也行不通。


再根据 paramsMapping 搜索,因为我们的代码,肯定在某处,会解析这个字段:


image.png


果然,就在 semantic-path.service.ts 里:


image.pngimage.png


在 semantic-path.service.ts 里添加如下打印语句:

image.pngimage.png


我们看下第一行输出,这个 / 和 login 是怎么被解析的。


在 Login.componment.html 里有个 pipe:

image.pngimage.png


遇到下面这行代码:

image.png

就会读取 Spartacus 里的配置,把基于语义的路由配置,转换成 url.


从 routingConfigService 里读取配置:


image.png


login 页面 url 搞清楚了,那么 product 页面呢?


奇怪,如果直接访问如下 url:

http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115


image.png


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

image.png

那么 Spartacus 怎么知道要加载 product 明细页面呢?


我们后续的文章会分享。


相关文章
|
4月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
4月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
11月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
|
11月前
|
存储
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成
|
11月前
|
API 开发者
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
|
11月前
|
API
SAP 电商云 CMSUserGroupRestriction 在 Spartacus 里的 evaluation 问题
SAP 电商云 CMSUserGroupRestriction 在 Spartacus 里的 evaluation 问题
|
4月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
4月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
4月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
下一篇
DDNS