SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求(二)

简介: SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求

从调用栈能看出,准备加载 multi cart :

16.png

我现在希望通过代码调试,找到具体是哪一行抛出的 action:

17.png

从调用栈里没找到也没关系,通过源代码搜索也很好找:

image.png[Cart] Load Cart

从 callstack 真的没有找到:

19.png

setDeliveryModeSuccess 之后,立即重新 LoadCart:

20.png

21.png

cart 数据加载完毕:

22.png

checkout detail 又开始加载了:

image.png

这个 checkout detail,会影响我们这个 in process$:

24.png

48 行的 isLoading 又变为 true了,这会导致 UI option 重新处于 disabled 状态。

等 checkout details 执行成功后,UI 重新处于可编辑状态:

25.png

[Checkout] Checkout Details

26.png

27.png

Checkout 触发代码:

28.png

29.png

30.png

为什么设置 delivery mode,会触发 59行代码?

31.png

32.png

当 cart 的 stable 状态发生变化时,就会触发59行的回调,可以理解成依赖。

33.png

34.png

通过这段代码验证:

import './style.css';
import { combineLatest, interval, tap } from 'rxjs';
const number1 = interval(1000);
const number2 = interval(5000);
const combined = combineLatest([number1, number2]);
const tapped = combined.pipe(
  tap(([number1, number2]) =>
    console.log('number1: ', number1, ' number2', number2)
  )
);
tapped.subscribe();

输出:

35.pngcombinedLatest 输入参数有任意一个 Observable 发生了变化,则 tap 都会触发。

现在的问题是,从我点了 input radio 之后,“Premium Delivery”:

image.png

36.png

sequential:

37.png


目录
相关文章
|
23天前
|
JavaScript
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
28 5
|
2月前
|
存储 消息中间件 搜索推荐
SAP Commerce Cloud Context Driven Services 的 clickStreamEvents HTTP 请求
SAP Commerce Cloud Context Driven Services 的 clickStreamEvents HTTP 请求
|
2月前
|
网络架构 开发者 UED
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
|
9月前
|
开发者
SAP ABAP 中,if_http_extension 接口的flow_rc 字段含义
SAP ABAP 中,if_http_extension 接口的flow_rc 字段含义
|
2月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
8月前
|
JSON 安全 JavaScript
vue2.0 + element-ui 实战项目-axios请求数据(三)
vue2.0 + element-ui 实战项目-axios请求数据(三)
27 0
|
8月前
|
JSON JavaScript 数据格式
Vue框架Element UI教程-axios请求数据(六)
Vue框架Element UI教程-axios请求数据(六)
56 0
|
9月前
|
XML 数据格式 开发者
SAP UI5 XML 视图里解析 Extension Point 的触发点
SAP UI5 XML 视图里解析 Extension Point 的触发点
|
9月前
|
JSON 前端开发 API
SAP Spartacus UI 中的 CmsTicketInterceptor
SAP Spartacus UI 中的 CmsTicketInterceptor
|
9月前
|
缓存 安全
SAP ABAP Gateway 系统里 HTTP 请求响应头部字段 DataServiceVersion 的可能取值范围
SAP ABAP Gateway 系统里 HTTP 请求响应头部字段 DataServiceVersion 的可能取值范围