如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称
【摘要】 我们看一个 PDP 即 product detail page 的实际例子：http://localhost:4200/powertools-spa/en/USD/product/3881017/angle-grinder-rt-ag-125在单页应用程序中，您可以通过显示应用程序的不同视图来控制用户看到的内容。 Spartacus 使用 Angular Router 来处理从一个视图到另一...
我们看一个 PDP 即 product detail page 的实际例子：
http://localhost:4200/powertools-spa/en/USD/product/3881017/angle-grinder-rt-ag-125
在单页应用程序中，您可以通过显示应用程序的不同视图来控制用户看到的内容。 Spartacus 使用 Angular Router 来处理从一个视图到另一个视图的导航。 路由器通过将每个 URL 视为呈现特定视图的指令来完成此操作。
我们加载这个 PDP 时，OCC API url:
https://host:9002/occ/v2/powertools-spa/cms/pages?pageType=ProductPage&code=3881017&lang=en&curr=USD
ProductPage 是 CMS 里一种特殊的 page 类型，参数为 product code：3881017
返回的 OCC response 里，能看到 page template：ProductDetailsPageTemplate
Content slot 也有很多数值在内：
总共 17 个 slot：
问题1：Spartacus 什么地方将参数 pageType=ProductPage 传给 OCC API？
根据关键字 ProductPage，居然搜索不到结果。
应该是我的搜索条件使用不对，现在正常了：
在 getContextParams 里设置断点：
这里能清晰看到，connector - (35 行）调用 adapter：
然而，是谁调用 35 行的 getList 呢？
继续在 cms-component.connector.ts 里设置断点：
最终发现，是 NavigationEntryItemEffects 负责驱动的。
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）