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


目录
相关文章
|
5月前
|
数据库
什么是 SAP ABAP Lock Mode 的 cumulative 特性
什么是 SAP ABAP Lock Mode 的 cumulative 特性
18 0
|
5月前
|
前端开发 API
SAP Fiori Elements 应用的 annotation 文件的触发源代码位置讲解
SAP Fiori Elements 应用的 annotation 文件的触发源代码位置讲解
43 0
|
2月前
|
测试技术 API
使用 jMeter 给 Spartacus SSR 发送 100 个并发的 SSR 请求,全部被 SSR 响应了
使用 jMeter 给 Spartacus SSR 发送 100 个并发的 SSR 请求,全部被 SSR 响应了
16 0
|
4月前
|
JSON 安全 JavaScript
vue2.0 + element-ui 实战项目-axios请求数据(三)
vue2.0 + element-ui 实战项目-axios请求数据(三)
15 0
|
4月前
|
存储 JSON API
如何避免 Spartacus 重复发送 CMS page 请求
如何避免 Spartacus 重复发送 CMS page 请求
20 0
|
4月前
|
JSON JavaScript 数据格式
Vue框架Element UI教程-axios请求数据(六)
Vue框架Element UI教程-axios请求数据(六)
35 0
|
5月前
关于 Spartacus CMS 请求响应是否应该被 Transfer State 机制 cover 的问题
关于 Spartacus CMS 请求响应是否应该被 Transfer State 机制 cover 的问题
32 0
|
5月前
|
存储 搜索推荐 前端开发
Spartacus 启动时 basesites OCC API 请求的技术细节
Spartacus 启动时 basesites OCC API 请求的技术细节
46 0
|
5月前
|
XML 数据格式 开发者
SAP UI5 XML 视图里解析 Extension Point 的触发点
SAP UI5 XML 视图里解析 Extension Point 的触发点
33 0
|
5月前
|
JavaScript 前端开发 搜索推荐
SAP 电商云 footer 区域 Link Component HTML 源代码的详细讲解
SAP 电商云 footer 区域 Link Component HTML 源代码的详细讲解
63 0