[原文地址](https://www.sap.com/cxworks/article/455575580/getting_started_with_sap_commerce_cloud_project_spartacus)

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

# What is Spartacus?

Spartacus 是一個免費的開源 JavaScript Web 應用程式，它於 2019 年 5 月釋出了 1.0 版本，並且每隔幾周就會繼續釋出新的更新。它允許您為 SAP Commerce Cloud 快速建立自己的基於 JavaScript 的品牌店面。 Spartacus 是使用 Angular 編寫的，並作為一組庫釋出。使用 JavaScript 的推薦方法是構建您自己的 JavaScript Web 應用程式並匯入 Spartacus 庫。無需修改，店面即可開箱即用，但 Spartacus 的設計可升級、可定製和可擴充套件，以滿足您的所有品牌和功能要求。

Spartacus 是使用 SAP Commerce Cloud 維護可定製店面的戰略性方法。它取代了在 SAP Commerce v4.4 中首次引入的加速器模板，以提供現成的入門實施。儘管 Accelerator 模板允許合作伙伴透過更改示例店面快速開發全渠道體驗，但模板不易升級，它們基於 JSP，並且店面與 SAP Commerce 核心平臺緊密耦合。

# Spartacus Architecture

儘管 Spartacus 與 SAP Commerce Cloud 分離，但它僅適用於 SAP Commerce Cloud 平臺。 Spartacus 依靠 SAP Commerce Cloud API 和 CMS 內容來執行。它是 100% API 驅動的，旨在以無頭方式執行。您可以自由擴充套件 Spartacus 附帶的庫以包含您自己的自定義。您的 Spartacus 實施也可以透過 SAP 擴充套件套件進行擴充套件。由於 Spartacus 與 SAP Commerce Cloud 平臺分離，因此您可以選擇將前端和後端開發分開，甚至可能具有單獨的部署/釋出週期。您的 Spartacus 店面也可以獨立於 SAP Commerce Cloud 平臺進行擴充套件。您可能需要調整版本的唯一時間是在 SAP Commerce Cloud 中可供 Spartacus 使用的 API 的情況下。例如，Spartacus 2.0 版本有一些功能只能透過利用 SAP Commerce core 2005 中釋出的 API 來啟用。

Spartacus 使用多種語言、技術和庫的組合，包括 Angular、TypeScript、RxJS、NgRx、SASS 和 Bootstrap。最終輸出是純 JavaScript。 Angular 目前被用作開發框架，但其目標是允許使用其他框架。

Spartacus 響應迅速，包括對移動、平板電腦、桌面和寬桌面斷點的支援，但您可以自由配置自己的斷點。 Spartacus 還內建了漸進式 Web 應用程式 (PWA) 功能，您可以配置您的店面以使用它。這將使您的店面更像傳統的原生 iOS/Android 移動應用程式，具有出色的效能和可靠性以及移動原生功能。

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

Open SAP 上 Spartacus 的系列學習影片[連結](https://microlearning.opensap.com/category/Spartacus/178316081)

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

Spartacus 純粹是一組庫，其中包含一組核心庫、元件和樣式。 它有自己的釋出週期，目標是每兩週釋出一次。 您可以完全控制是否接受這些庫更新。 您可以選擇要在應用程式中使用的庫版本（Spartacus 使用 Semantic 版本控制 2.0），這些可用於完全配置和自定義您的店面。 有關主要版本更新的更多詳細資訊，請參閱此[頁面](https://sap.github.io/spartacus-docs/updating-to-version-2/)。

定製的方式與加速器不同； 您從不直接自定義 Spartacus 程式碼——而是覆蓋或替換樣式和程式碼。 這種方法允許易於升級。 有關擴充套件 Spartacus 的更多資訊，您可以檢視我們的[影片庫](https://microlearning.opensap.com/tag/tagid/spartacus)。

# Underlying Frameworks/Libraries

如果您過去一直在開發 SAP Commerce Cloud 解決方案，您可能更熟悉我們的加速器（如下所述），它們是基於 Spring 模型檢視控制器 (MVC) 的應用程式。 由於 Spartacus 是一個 JavaScript 應用程式，底層框架/庫完全不同。 在開始開發 Spartacus 應用程式之前，您可能需要花時間熟悉這些技術/框架。

以下涵蓋了正在使用的框架/庫的主要站點，並且是可以幫助您的開發工作的資訊的良好參考：

* Languages: Typescript, Sass
* Frameworks: Angular, RxJS, NgRx
* Dependency management: Yarn, npm
* Build: Angular CLI (under the hood: webpack, ng-packagr)
* Testing: Jasmine, Cypress, Karma
* Code Quality: Prettier, TSLint
* IDE: Visual Studio Code (or equivalent)
* Source control / distribution: Github, npmjs

SAP Spartacus 公開課：https://open.sap.com/courses/sparta1

# SAP Commerce Cloud Accelerators

由於 Spartacus 與 SAP Commerce Cloud 分離，因此您無需使用 Spartacus。您可以自由建立和維護自己的 JavaScript Web 應用程式，也可以繼續使用 SAP Commerce Cloud 中嵌入的 Accelerator 模板，儘管這些不是前進的戰略方向。在釋出時，Spartacus 不會具有與 SAP Commerce Cloud Accelerators 的所有功能相同的特性，但這些差距將在 Spartacus 文件中涵蓋。

如果您已經在使用基於 Accelerator 的解決方案並希望遷移到 Spartacus，那麼最好從頭開始。 Spartacus 在技術和架構（模板與庫、無頭與嵌入式、JSP 與 Angular）方面完全從加速器轉變為正規化。它們是如此不同，以至於無法將基於 Accelerator 的程式碼移植到 Spartacus 店面。也就是說，由於 Spartacus 與 SAP Commerce Cloud 平臺分離，您可以透過同時執行基於 Accelerator 的商店和 Spartacus 店面來簡化向 Spartacus 的過渡。例如，如果您目前有一個 B2B Accelerator 店面並且想要設定一個新的 B2C 店面，您可以使用 Spartacus 建立 B2C 店面，同時仍然託管您的基於 B2B 加速器的店面。假設您已經設定了源儲存庫來構建和部署 B2B Accelerator 店面，以新增 B2C 店面：

* 修改您的儲存庫以包含用於構建/部署基於 JavaScript 的店面的正確結構。

* 配置您的 manifest.json 檔案以定義 Spartacus 呼叫的 API aspect.

* 在您的 manifest.json 檔案中定義一個新應用程式，指向您的 Spartacus 店面所在的位置。

您可以繼續新增新的 Spartacus 店面應用程式並配置您的端點以允許特定流量進入您的店面。 他們仍在使用相同的 SAP Commerce Cloud 平臺，因此您可以同時執行多個店面，同時仍保持相同的資訊（客戶、購物車、訂單等）。

# Scalability

如上所述，由於您的 Spartacus 店面與 SAP Commerce Cloud 店面分離，您可以選擇單獨擴充套件它。 也可以利用其他擴充套件考慮因素（例如內容交付網路 (CDN)）來幫助減少負載。 此外，Spartacus 將包括 PWA 功能，例如快取優先網路功能，這將使您可以選擇在使用者裝置上本地快取資源。 延遲載入還可用於確定是否/何時載入部分元件。 最後，由於 Spartacus 是 API 驅動的，它可以利用 SAP 業務技術平臺、Kyma 執行時和隨附的可擴充套件微服務快速向 Spartacus 店面新增新功能。

# Server-side vs. Client-Side Rendering

預設情況下，Spartacus 設定為客戶端渲染，但您可以配置伺服器端渲染 (SSR)。 考慮每個選項的[優缺點](https://dzone.com/articles/client-side-vs-server-side-rendering-what-to-choos)並確定哪個選項最符合您的要求非常重要。 對於電子商務解決方案，通常需要 SSR 的搜尋引擎最佳化 (SEO) 的重要性超過客戶端呈現的任何好處。

# Support

可以使用這個 slack [channel](https://app.slack.com/client/TCT7GM9LL/CD16V16FR/thread/CD16V16FR-1625504215.220300)

SAP Commerce Cloud 專案 Spartacus 入門

相關文章