SAP 電商雲UI結帳流程使用 url 貼上直接跳轉到 delivery mode不能開啟頁面的原因
沒有任何錯誤訊息,白屏:
能看到向 checkoutDeliveryMode step 發起跳轉的事件:
Delivery Mode 實現的 CMS Component id:CheckoutDeliveryMode
CheckoutDeliveryMode 目前只啟用了兩個 Component guard:
https:// github.com/SAP/spartacu s/issues/8880
checkout/payment-details:
payment details 實現的 CMS Component ID:CheckoutPaymentDetails
- CheckoutAuthGuard
- CartNotEmptyGuard
直接訪問 checkout,isStable 返回 false,所以無法繼續下面的操作。
判斷 cart 是否 stable:
如果一個 cart 已經載入完畢,且沒有其他額外施加在其上的 operation,則我們說該 cart 已經 stable 了:
此時 state 裡是空的:
這個原理很容易理解,直接在瀏覽器裡貼上 url,此時取 cart 明細的 API 都還沒發出去,所以從 ngrx store 里根本取不到和 cart 相關的資訊,所以 isStable 導致返回 false.
第26行程式碼:如果 predicate 返回 false,那麼在第32行的IF 分支檢查無法通過,不會繼續接下來的 next 操作:
filter Operator 的實現裡,如果 predicate 函式返回 false,第 32 行的 IF 分支進不去,執行鏈就從這裡斷掉了。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2776908/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- SAP 電商雲 Spartacus UI 的交貨模式 Delivery Mode 設計UI模式
- SAP 電商雲 Spartacus UI product 明細頁面的路由配置UI路由
- SAP CRM WebClient UI和ABAP Webdynpro頁面的互相跳轉WebclientUI
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- SAP UI5 Web Component不同React頁面的跳轉實現UIWebReact
- 如何將 SAP 電商雲 Spartacus UI 部署到 tomcat 上執行UITomcat
- SAP 電商雲 Spartacus UI Configurable Product 的頁面設定UI
- SAP 電商雲 Spartacus UI Angular UI 和 Accelerator JSP UI 的混合使用UIAngularJS
- SAP ABAP程式碼中開啟瀏覽器跳轉訪問URL瀏覽器
- 頁面的跳轉技巧-setViewControllersViewController
- SAP 電商雲 Spartacus UI 頁面佈局的設計原理UI
- 如何在 SAP 電商雲 Spartacus UI 裡新建一個頁面UI
- SAP 電商雲 Spartacus UI 根據 url 設定 site context 的具體例子UIContext
- SAP Cloud for Customer如何實現從標準UI到自開發UI的跳轉CloudUI
- 在 SAP 電商雲 Spartacus UI 裡使用自定義配置控制 UI 除錯的開關UI除錯
- SAP 電商雲 Spartacus 產品明細頁面的 pageContext 如何獲取的?Context
- php怎麼直接跳轉頁面PHP
- SAP 電商雲 Spartacus UI ROUTING_FEATURE 的使用場景UI
- SAP 電商雲 Spartacus UI CI 指令碼分析UI指令碼
- SAP 電商雲 Spartacus UI 的 urlParameter 配置原理UI
- 三種好用的controller跳轉thmleaf頁面的方法總結!!Controller
- SAP 電商雲 Spartacus UI 的 Product Category Navigation UI 實現UIGoNavigation
- SAP 電商雲 Spartacus UI 同 SAP Customer Data Cloud 的整合UICloud
- 城市選擇頁面的 路由配置 跳轉路由
- SAP 電商雲 Spartacus UI 有狀態 的 url 和 title 屬性的賦值程式碼UI賦值
- SAP 電商雲 Spartacus UI UrlMatcherService 的用法介紹UI
- SAP 電商雲 Spartacus UI 的 style library 介紹UI
- SAP 電商雲 Spartacus UI 裡的 Content Security PolicyUI
- 使用 Tag Assistant 除錯 SAP 電商雲 Spartacus UI 的 TMS 模組除錯UI
- Android 外部URL跳轉到APP的操作AndroidAPP
- SAP 電商雲 Spartacus UI 和 Accelerator UI 裡的 ASM 模組UIASM
- SAP 電商雲 Category Navigation 頁面設計GoNavigation
- SAP 電商雲 Spartacus 產品明細頁面的 OCC API 是如何被觸發的API
- SAP 電商雲 Spartacus UI 裡的 ASM 模組啟用的前置條件UIASM
- SAP 電商雲 Spartacus UI 的響應式 UI 實現細節UI
- SAP 電商雲 Spartacus UI DeliveryComponent 的依賴設計UI
- SAP 電商雲 Spartacus UI BaseSiteInitializer 的實現明細UI
- SAP 電商雲 Spartacus UI 的持續整合 - Continous integrationUI