使用帶有引數請求選項的 [HttpParams](https://angular.io/guide/http) 類在 HttpRequest 中新增 URL 查詢字串。

下面的例子，searchHeroes() 方法查詢名字中包含搜尋詞的英雄。

首先匯入 HttpParams 類，如下圖高亮程式碼所示：

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

如果有搜尋詞，程式碼會使用 HTML URL 編碼的搜尋引數構造一個選項物件。 例如，如果術語是“cat”，則 GET 請求 URL 將是 api/heroes?name=cat。

HttpParams 物件是不可變的。 如果您需要更新選項，請儲存 .set() 方法的返回值。

下面是 Spartacus Customer Search 的一個例子：

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

上述程式碼設定了兩個引數，`baseSite` 值為當前處於 active 狀態的 base site 值，而 sort 引數硬編碼為 `byNameAsc`.

使用使用者名稱 `asagent` 登入 ASM module 之後，在 customer 欄位輸入客戶名，比如 `jerry`，能看到 Chrome 開發者工具 network 皮膚的請求：

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

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

url：

`https://xxx:9002/assistedservicewebservices/customers/search?baseSite=electronics-spa&sort=byNameAsc&query=jerry&pageSize=20`

url 裡的 query 和 pageSize 的引數，設定程式碼如下：

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

```typescript
customerSearch(
    options: CustomerSearchOptions
  ): Observable<customersearchpage> {
    const headers = InterceptorUtil.createHeader(
      USE_CUSTOMER_SUPPORT_AGENT_TOKEN,
      true,
      new HttpHeaders()
    );
    let params: HttpParams = new HttpParams()
      .set('baseSite', this.activeBaseSite)
      .set('sort', 'byNameAsc');

if (typeof options['query'] !== 'undefined') {
      params = params.set('query', '' + options.query);
    }

if (typeof options['pageSize'] !== 'undefined') {
      params = params.set('pageSize', '' + options.pageSize);
    }

const url = this.occEndpointsService.buildUrl(
      'asmCustomerSearch',
      {},
      {
        baseSite: false,
        prefix: false,
      }
    );

return this.http
      .get<customersearchpage>(url, { headers, params })
      .pipe(this.converterService.pipeable(CUSTOMER_SEARCH_PAGE_NORMALIZER));
  }
```

按照 Spartacus 資料交換的慣例，這個 adapter 被 connector 呼叫：

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

connector 的 customerSearch 方法被 Customer Effect 呼叫，後者在接收到 Ngrx `AsmActions.CUSTOMER_SEARCH` 之後就會觸發：

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

這裡提到的 ASM，是 SAP Commerce Cloud 中的一個附加元件。它允許客戶服務代表以客戶身份登入店面或網站，並獲得與客戶相同的店面檢視。 登入後，代理可以代表客戶執行任何操作。

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

此功能在 `b2c_acc_plus` 和 `b2b_acc_plus` 配 方中開箱即用。 但是，如果您已使用其他一些常用模組（例如 b2c_acc 或 b2b_acc）初始化 SAP Hybris，仍然可以使用 ASM 模組。

屬於 `Agent` 或其相關組的任何員工都可以像任何客戶一樣登入和模擬，並執行客戶可以執行的所有操作。</customersearchpage></customersearchpage>

SAP Spartacus 中的 HTTP URL parameters

相關文章