Use injeção de dependência angular para personalizar o ProductAdapter do SAP Spartacus

Crie um novo MyProductAdapter, herdado do SAP Spartacus ProductAdapter, e retorne alguns dados falsos:

import { Injectable } from '@angular/core';
import { Product, ProductAdapter, ScopedProductData } from '@spartacus/core';
import { Observable, of } from 'rxjs';

const PRODUCT = {
  code: '300938',
  name: 'Jerry Product'
};

@Injectable()
export class MyProductAdapter extends ProductAdapter {
  load(productCode: string, scope?: string): Observable<Product> {
    console.log('My product adapter called!');
    return of(PRODUCT);
  }
  loadMany?(products: ScopedProductData[]): ScopedProductData[] {
    console.log('My product adapter loadMany called!');
    return [{ code: '300938', scope: '', data$: of(PRODUCT) } as ScopedProductData];
  }
}

No módulo de app, injete meu adaptador personalizado:

Desta forma, SAP Spartacus chamará meu próprio MyProductAdapter para retornar os dados mestre do produto ao executar:

Pilha de chamadas: ProductLoadingService

Para obter mais artigos originais de Jerry, siga a conta pública "Wang Zixi":