Spartacus是一個開源的JavaScript web應用程式，允許您快速建立自己的基於JavaScript的SAP商務雲店面。Spartacus是用Angular編寫的，並以庫的形式釋出。使用Spartacus的推薦方法是構建自己的JavaScript web應用程式並匯入庫。無需修改，店面就能開箱工作，但 Spartacus 被設計為可升級、可定製和可擴充套件的，以滿足您所有的品牌和功能需求。

入口：occ-product.adapter.ts~loadMany 方法：

![](https://img-blog.csdnimg.cn/img_convert/f54391c0df2966f910ef90a7d6cd2121.png)

拼裝 url 輸入引數就是：productCode 這個鍵值對，引數名稱為 productCode，值為實際的產品 code，比如 358639:

![](https://img-blog.csdnimg.cn/img_convert/abb9cb9dc3d13950bc1acfe4a599cf2e.png)

同時，product 資料請求的 url，根據 productCode 值(動態)，插入一個字串模板構成的，這個字串模板實際就是 product API 的 endpoint, 定義在 this.config.backend.occ.endpoints 裡。下圖是 `product` 相關的 OCC API endpoint：

![](https://img-blog.csdnimg.cn/img_convert/81924b3479ba269cfa487e0fe952227c.png)

上圖配置的資料來源，實際上硬編碼在這個檔案 `projects\core\src\occ\adapters\product\default-occ-product-config.ts` 裡：

![](https://img-blog.csdnimg.cn/img_convert/d03fb8a6e121a0ff99d4396bcb4d5786.png)

從偵錯程式裡能看出，Spartacus home 頁面發起的 product 資料請求，scope 為 list，
![](https://img-blog.csdnimg.cn/img_convert/d672c02eea806a8c529a1c2f0a93f5e7.png)

故 url pattern 從 `list` 這個記錄裡取出，`${productCode}` 在執行時會被其實際值 `358639` 替換。

![](https://img-blog.csdnimg.cn/img_convert/7fa3ae7c83f8f2281c30a2b392deeb69.png)

最後就成了下圖：
![](https://img-blog.csdnimg.cn/img_convert/c95eada6e6bb0abb2735c4970493942e.png)

為了保持我們對可升級性的承諾，Spartacus的設計模式是將非核心特性構建為新增或更改所提供功能的特性庫(feature libraries)。

在使用Spartacus時，需要構建一個應用程式，它將引入Spartacus庫，其中包含使用SAP Commerce Cloud所需的核心資源。然後構建包含任何自定義功能和頁面的新特性。

Spartacus頁面的內容是從SAP Commerce Cloud CMS(內容管理系統)獲取的，比如徽標、連結、橫幅和靜態頁面。SAP 建議新的內容驅動特性遵循相同的模式，使Content manager能夠透過CMS工具修改頁面內容。

SAP Spartacus home 頁面讀取 product 資料的請求的 population 邏輯

相關文章