SAP Spartacus checkout 流程的扩展(extend)实现介绍
Spartacus中的 checkout 特性是CMS驱动的,这意味着 checkout 流中的每个页面都基于CMS页面、slots 和 Component。因此,开发可以更改每个页面的内容、添加新组件、将 checkout 转换为单步骤签出,或者在店面应用程序中只需要少量配置就可以创建非常复杂的多步骤 checkout 工作流。
在 checkout 过程中,通常有从一个步骤到另一个步骤的链接,这就是将每个 checkout 页面注册为店面配置中的 semantic page
的原因。
checkout 的默认路由配置如下:
provideConfig({
routing: {
routes: {
checkout: {
paths: ['checkout'],
},
checkoutShippingAddress: {
paths: ['checkout/shipping-address']
},
checkoutDeliveryMode: {
paths: ['checkout/delivery-mode']
},
checkoutPaymentDetails: {
paths: ['checkout/payment-details']
},
checkoutReviewOrder: {
paths: ['checkout/review-order']
}
},
},
}),
上述代码的位置:default-routing-config.ts
虽然默认的 checkout 有四个步骤,但是默认的配置定义了五个语义页面。这个附加页面有一个通用的 checkout 路由,它链接到每个应该重定向到 checkout 的组件。从这个常规 checkout 页面,Spartacus重定向到具体而正确
的 checkout step 步骤。
如果您想链接到 checkout,那么无论您的 checkout 流程具体是如何设计的,都要指向这个通用结帐页面。比如,对于多步骤 checkout,可以使用 CheckoutGuard 来重定向到正确的checkout 步骤。
通过单步checkout,您可以在这个签出路由上设置所有组件,并从组件配置中删除CheckoutGuard。
除了路由配置之外,还可以通过定义每个步骤的职责、到页面的路由和步骤的顺序来配置 checkout. 默认配置如下:
-
id 属性应该有一个惟一的值。当需要标识配置中的特定步骤时,可以使用id。
-
在
CheckoutProgress
组件中使用name属性来指示哪些签出步骤已经完成。该名称也用作翻译键。 -
routeName属性为每个步骤指定语义页。
-
type 属性由
checkout guards
使用。
相关文章
- SAP UI5 sap.ui.layout.Grid 控件概述
- bapi sap 创建物料_bapi 物料主数据创建 ‘BAPI_MATERIAL_SAVEDATA’「建议收藏」
- SAP Commerce Cloud 的 Security 策略概述
- SAP UI5 sap.ui.Device.media.RANGESETS 的使用介绍
- SAP MM 物料移动平均价的修改历史
- SAP UI5 sap.m.Table 实现响应式布局的两种配置模式
- SAP ABAP MIME Repository 和 API 介绍试读版
- Oracle购买SAP: 开启新数据时代(oracle收购sap)
- SAP选择屏幕详解编程语言
- SAP MM MB5L 报表里的差异金额如何调整详解编程语言
- SAP 计划协议订单流程一详解编程语言
- SAP中的移动类型详解编程语言
- SAP在Linux上安装(sap安装linux)
- 深度比较:SAP vs Oracle(sap与oracle比较)
- 系统Oracle公司收购SAP系统开启新的商业时代(Oracle公司sap)
- Oracle从SAP抽取数据的简单方法(oracle从sap抽数)
- 跨界合作新模式 Oracle与SAP实现合并(oracle与sap合并)
- 使用Oracle与SAP进行数据接口开发(oracle sap接口)