https://stackoverflow.com/questions/67810796/integrating-customised-apis-in-spartacus-storefront

场景

客户对 addEntry 这个 SAP Hybris API 做了增强，payload 里增加了一个新的 boolean 类型的字段，名为 fooBar.

our Hybris instance has some custom REST APIs, for example the addEntry. This version of the API requires an extra boolean parameter in the payload, let’s call it fooBar. Here’s an example of payload:

Payload 的例子：

{"quantity": 1, "product": {"code": "1234567"}, "fooBar": false}

为了让这个定制化后的 API 在 Spartacus 里消费，需要完成下列步骤：

Overridden the AddToCartComponent

标准的 active-cart.service.ts 里，addEntry 方法只有两个参数：

Modified the addToCart method passing the fooBar parameter to the addEntry method of the E2ActiveCartService

Extended ActiveCartService in E2ActiveCartService

Modified the addEntry method passing the fooBar parameter to the addEntry method of the E2MultiCartService

Extended MultiCartService in E2MultiCartService
Modified the addEntry method passing the fooBar parameter to the payload of the E2CartAddEntry action

Implemented a copy of the CartAddEntry action (called E2CartAddEntry) with its own type (i.e. ‘[E2-Cart-entry] Add Entry’)

需要拷贝 CartAddEntry 成一个新的 action：

3.Implemented a new CartEntryEffects (called E2CartEntryEffects) that listens to the E2CartAddEntry action

Created a second effect called processesIncrement$ that dispatches the CartActions.CartProcessesIncrement action (we did this because the E2CartAddEntry cannot extends the EntityProcessesIncrementAction class)

Copied the addEntry$ effect from the original CartEntryEffects adding the fooBar parameter to the add method of the E2CartEntryConnector

Extended CartEntryConnector in E2CartEntryConnector

Modified the add method passing the fooBar parameter to the add method of the E2CartEntryAdapter

Extended CartEntryAdapter in E2CartEntryAdapter

Modified the abstract add method adding the fooBar parameter

Created E2OccCartEntryAdapter that extends OccCartEntryAdapter and implements E2CartEntryAdapter

Modified the add method adding fooBar to the payload of the POST call made from HttpClient

使用新的 providers:

[{ provide: ActiveCartService, useClass: E2ActiveCartService },{ provide: MultiCartService, useClass: E2MultiCartService },E2CartEntryEffects,{ provide: CartEntryConnector, useClass: E2CartEntryConnector },{ provide: E2CartEntryAdapter, useClass: E2OccCartEntryAdapter },
]

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus 使用 customized API相关推荐

如何打印出 SAP Spartacus 调用 OCC API 消费的所有 endpoint
本文写作的 SAP Spartacus 版本:3.3.0. 直接修改这个文件: node_modules@spartacus\core_ivy_ngcc_\fesm2015\spartacus-cor ...
SAP Spartacus 如何使用 API 从浏览器 local Storage 读取数据
如下图所示,SAP 电商云 UI,用户的购物车 ID,持久化在浏览器的 local storage 里: 运行时,通过封装好的函数 getStorage 读取: 为什么会触发 State module ...
如何自行找出 SAP Spartacus 查询用户信息的 API Service 类
成功登录 SAP Spartacus 之后,在 Chrome 开发者工具 Network tab 里能看到一条读取用户信息的网络请求: https://20.83.184.244:9002/occ/v ...
SAP Commerce Cloud WCMS 里的 home 页面和 SAP Spartacus Page API 返回的数据比较
You can only create new components in the WCMS Page View perspective. In the Live Edit perspective, ...
SAP Spartacus public API的概念 - index.ts
看一个具体的例子: https://github.com/SAP/spartacus/issues/11730 backport of #11744 to maintanance branch As ...
关于SAP Spartacus在服务器端渲染模式和SAP Commerce Cloud API白名单的问题
We are configuring our Spartacus application with SSR in SAP Commerce Cloud. Also we used the IP Fil ...
SAP Spartacus 懒加载 Customized CMS Component 的问题
Lazy-loaded overriden or custom CMS Components SAP Spartacus 有两种 lazy load 方式: CMS-driven lazy loadi ...
自定义SAP Spartacus的产品搜索API参数 - Product Search
SAP Spartacus默认采用的产品搜索url配置在这个文件里: C:\Code\SPA\spartacus\projects\core\src\occ\adapters\product\defa ...
SAP Spartacus的产品搜索API
SAP Spartacus里点击Shop app digital cameras: url:http://localhost:4200/electronics-spa/en/USD/Open-Cata ...

SAP Spartacus 使用 customized API

场景

SAP Spartacus 使用 customized API相关推荐

最新文章

热门文章