SAP Spartacus 成功读取 Cart 之后，如何将 payload 插入全局 state

简而言之：通过 cart reducer 配合 ngrx-store.js 框架代码。

搜索关键字 LoadCartSuccess：

运行时断点触发：

上下文：cartConnector 的回调里。

根据关键字 LOAD_CART_SUCCESS 继续搜索：

我们明确一点：action 在 reducer 里进行状态迁移。

根据这个关键字，很快就搜索到了 LOAD_CART_SUCCESS 所在的状态迁移：

可以看到，http.js 上下文里，调用 observer 的 next 方法，将从 Commerce Cloud 后台返回的 API response，通知其他观察者。

body 字段里才是真正的 payload：

这里使用 .body, 将 payload 解析出来：

在这段代码里，进行 conversion：

此处触发 Spartacus team 开发的 mergeMap callback：把 HTTP.js 返回的 response，包装成 LoadCartSuccess 的强类型 payload：

包装完之后的强类型 response：

最后 Spartacus cart reducer 被调用：

reducer 执行完毕后，我们就能在 ngrx-store.js 的 combination 函数里的变量 nextState, 看到最新的 cart memory value：

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

SAP Spartacus 成功读取 Cart 之后，如何将 payload 插入全局 state相关推荐

SAP Spartacus批量读取产品的逻辑
ProductEffects.getMany: 需要读取17个产品的数据: getMany调用adapter的loadMany: scopedDataWithUrls: 这里第一次看到了PRODUCT ...
SAP Spartacus 用户请求中的 current id 是从哪里来的
从 SAP Spartacus 成功登录之后,能在 Local Storage 里观察到 userId 为 current: 这个 current id 从哪里来的呢?在 Spartacus 应用初始 ...
SAP Spartacus 的基于outlet 的页面扩展
outlet 是 SAP Spartacus 提供 partners 一种将 custom UI 插入 Spartacus 标准 DOM 的一种手段. outlets get added for ea ...
SAP Spartacus 读取 Cart 的原理分析
App.module.ts 的源代码: export class AppModule { constructor(private config: DebugConfig,private actions ...
为什么 SAP Spartacus 4.0 源代码版本读取不到 CX_BASE_URL 环境变量的值？
SAP Spartacus 4.0 源代码版本: 如下图所示,遇到了 404 错误: 错误的 url:可以看到端口号变成了 4200: http://localhost:4200/occ/v2/ele ...
SAP Spartacus B2B User 页面的数据读取逻辑设计
点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...
关于 SAP Spartacus Loader Meta Reducer 的用途 - loading 在 true 和 false之前切换的逻辑
为了给用户更好的反馈,基于他们的行为,我们经常需要保留诸如"正在加载购物车"."获取用户地址失败"等信息. 对于每个单独的应用程序状态,我们必须将元数据放在旁边 ...
如何自行找出 SAP Spartacus 查询用户信息的 API Service 类
成功登录 SAP Spartacus 之后,在 Chrome 开发者工具 Network tab 里能看到一条读取用户信息的网络请求: https://20.83.184.244:9002/occ/v ...
SAP Spartacus 用户认证的实现
文章目录 UserAuthModule Authentication Flow AuthService Storing Tokens and User Identifiers 用户认证的典型流程和包含 ...

SAP Spartacus 成功读取 Cart 之后，如何将 payload 插入全局 state

SAP Spartacus 成功读取 Cart 之后，如何将 payload 插入全局 state相关推荐

最新文章

热门文章