在客戶端渲染即 CSR 模式下，我們能在 Chrome 開發者工具里觀測到大量根據 product code 讀取產品主數據的 HTTP 請求：

響應結果：

上面的數據，對應屏幕里這個產品：300938

通過 cx carousel 這個控件發起的 HTTP 請求：

這個高亮區域是 template：

即：

這個 template 是 carousel 的消費者在 html 里傳入的：

消費者之一就是 cx-product-carousel:

product carousel 里的產品列表來自 productCodes 字段，通過 this.productService.get 根據產品 code 讀取產品主數據。

數據源來自依賴注入的 componentData.

什么時候被填充呢？

productCodes 的運行時數據：

準備渲染 ProductCarousel Component：

先得取得 ComponentData 的依賴：

找到了該依賴的 provide 記錄：

調用 dataprovider，根據 uid 和 type 取得 ComponentData：

這里采取了一個延遲加載，當 Observable 被 subscribe 時，再執行：

什么時候被 subscribe 呢？答案如下：

items$ 的數據也來自 ComponentData：

ComponentData 數據讀取，通過 cms service 完成：

從 store 里讀取：

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

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI 客户端模式下产品主数据的 HTTP 请求设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。