天天看點

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

當我通路本地啟動的 SAP Spartacus Storefront 時,在 Chrome 開發者工具裡觀察到總共 23 個 OCC API 調用:

http://localhost:4200/electronics-spa/en/USD/

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

這23個 OCC API 調用從功能上可以分成三組:

第一組:包含一個請求

/occ/v2/electronics-spa/cms/pages?lang=en&curr=USD

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

Cache-Control in request headers: no-cache

用戶端 HTTP 請求 cache-control 的值 為 no-cache,告訴伺服器,在發送響應給用戶端之前,先進行緩存有效性驗證(cache validation)

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

伺服器傳回的響應頭部字段 Cache-Control 的值:private

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

根據下面這篇文檔,帶有 cache-control:private 的響應,不應該在 CDN 裡緩存。

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

在該 pages OCC API 調用結束之後,其他 22 個 OCC API 才能觸發。

第二組:包含五個請求

(1) /occ/v2/electronics-spa/languages?lang=en&curr=USD

request header:Cache-Control: no-cache

response header:public, max-age=1800

(2) /occ/v2/electronics-spa/currencies?lang=en&curr=USD

(3) /occ/v2/electronics-spa/cms/components?fields=DEFAULT¤tPage=0&pageSize=26&componentIds=AllBrandsCategoryLink%2CCanonBrandCategoryLink%2CSonyBrandCategoryLink%2CKodakBrandCategoryLink%2CSamsungBrandCategoryLink%2CToshibaBrandCategoryLink%2CFujifilmBrandCategoryLink%2CKingstonBrandCategoryLink%2CIciduBrandCategoryLink%2CTDKBrandCategoryLink%2CSweexBrandCategoryLink%2CDigitalCamerasCategoryLink%2CDigitalCompactsCategoryLink%2CDigitalSLRCategoryLink%2CFilmCamerasCategoryLink%2CHandheldCamcordersCategoryLink%2CWebcamsCategoryLink%2CCameraAccessoriesCategoryLink%2CCamerasFlashesCategoryLink%2CTripodsCategoryLink%2CCameraLensesCategoryLink%2CFlashMemoryCategoryLink%2CPowerSuppliesCategoryLink%2CColourFilmsCategoryLink%2CBlackAndWhiteFilmsCategoryLink%2CBlankVideotapesCategoryLink&lang=en&curr=USD

response header:private

(4) /occ/v2/electronics-spa/cms/components?fields=DEFAULT¤tPage=0&pageSize=8&componentIds=AboutSAPCommerceLink%2CFAQLink%2CVisitSAPLink%2CContactUsLink%2CAgileCommerceBlogLink%2CLinkedInLink%2CFacebookLink%2CTwitterLink&lang=en&curr=USD

(5) /occ/v2/electronics-spa/users/anonymous/consenttemplates?lang=en&curr=USD

response header:no-cache, no-store, max-age=0, must-revalidate

第三組:包含 17 個請求

/occ/v2/electronics-spa/products/?fields=code,configurable,configuratorType,name,summary,price(formattedValue),images(DEFAULT,galleryIndex),baseProduct&lang=en&curr=USD

response header:private, max-age=120

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

我們可以在 Chrome 開發者工具裡很容易觀察到浏覽器裡這些 OCC API 并發請求的排隊情況。

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

根據 Google Chrome 的幫助文檔,這種 Queueing 和 Stalled 的排隊情況,發生在用戶端。

關于 SAP 電商雲首頁加載時觸發的 OCC API 請求

繼續閱讀