首先一個 account login 請求：

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

url：https://accounts.eu1.gigya.com/accounts.login

直接訪問的話，會報錯誤訊息：缺少 API Key：

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

每重新整理一次瀏覽器，callId 會變化一次。

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

token 請求的負載：

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

成功取得 Access Token：

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

HTTP post：
![](https://img-blog.csdnimg.cn/img_convert/2988f28ad69fc1cbd98b37e5a97ced29.png)

請求的 payload：
![](https://img-blog.csdnimg.cn/img_convert/25671008cf5b340d52d1ea3bfaaebc8f.png)

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

成功返回的資料：
![](https://img-blog.csdnimg.cn/img_convert/486f132b9c2ffdaa75c4620eee17f8d3.png)

# Spartacus 和 CDC 的整合配置步驟

透過在店面應用程式的根目錄中執行以下命令來安裝 SAP Customer Data Cloud 整合庫：

`ng add @spartacus/cdc`

當您執行此命令時，Angular Schematics 會為 CDC 整合建立一個模組，其中包括所有必需的匯入和配置。

注意：要使用原理圖安裝 CDC 整合庫，您的應用程式結構需要匹配 Spartacus 參考應用程式結構。

或者，您可以手動建立模組並將其匯入您的應用程式，如以下示例所示：

```typescript
import { NgModule } from '@angular/core';
import { CdcConfig, CdcRootModule, CDC_FEATURE } from '@spartacus/cdc/root';
import { provideConfig } from '@spartacus/core';

@NgModule({
  declarations: [],
  imports: [CdcRootModule],
  providers: [
    provideConfig({
      featureModules: {
        [CDC_FEATURE]: {
          module: () => import('@spartacus/cdc').then((m) => m.CdcModule),
        },
      },
    }),
    provideConfig(<cdcconfig>{
      cdc: [
        {
          baseSite: 'electronics-spa',
          javascriptUrl: '<paste-link-to-cdc-script>',
          sessionExpiration: 3600,
        },
      ],
    }),
  ],
})
export class CdcFeatureModule {}
```

調整新建模組中的CDC配置，如下例所示：

```typescript
provideConfig(<cdcconfig>{
      [CDC_FEATURE]: [
        {
          baseSite: 'electronics-spa',
          javascriptUrl: 'https://cdns.<data-center>.gigya.com/JS/gigya.js?apikey=<site-api-key>',
          sessionExpiration: 3600,
        },
      ],
    }),
```

## 引數說明

以下是 CDC 配置中可用選項的摘要：

- baseSite 是指應應用客戶資料雲站點配置的 CMS 站點。 SAP Commerce Cloud Backoffice 中也應配置相同的內容。

- javascriptUrl 指定您希望載入的 Web SDK 的 URL。 這是使用站點 API 金鑰的值和建立客戶資料雲站點的資料中心構建的。 例如，`https://cdns.<data-center>.gigya.com/JS/gigya.js?apikey=<site-api-key>`

- sessionExpiration 是定義 SAP Customer Data Cloud 會話的會話到期的時間（以秒為單位）。 這應該與 OAuth 客戶端的會話到期時間相匹配，以確保 Customer Data Cloud 會話和 SAP Commerce Cloud 令牌同時存在。</site-api-key></data-center></site-api-key></data-center></cdcconfig></paste-link-to-cdc-script></cdcconfig>

SAP Spartacus 和 CDC 整合的 HTTP 請求明細

相關文章