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

简介: 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 明细页面呢?


我们后续的文章会分享。


相关文章
|
1月前
|
人工智能 搜索推荐 Serverless
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
|
1月前
|
存储 安全 数据管理
SAP 产品 data archive 数据归档的重要性
SAP 产品 data archive 数据归档的重要性
|
1月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
1月前
|
存储 供应链
什么是 SAP 产品主数据的 Scale 属性
什么是 SAP 产品主数据的 Scale 属性
|
1月前
|
存储 供应链
什么是 SAP 产品主数据里的 Sales Unit 概念
什么是 SAP 产品主数据里的 Sales Unit 概念
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
1月前
|
数据库
SAP CRM产品主数据无法根据产品描述字段进行搜索的原因
SAP CRM产品主数据无法根据产品描述字段进行搜索的原因
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
1月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版