Quickstart: use the Creditcorp public API in

2 min read

AngularIdiomatic integration

cacheCatalogue changes rarely

configBase URL from env

Call the API from Angular

@Injectable({ providedIn: 'root' })
export class CredicorpService {
  private base = 'https://api.credicorp.co.uk/public/v1';
  constructor(private http: HttpClient) {}
  products() {
    return this.http.get<{ data: Product[] }>(`${this.base}/products`)
      .pipe(map(r => r.data), shareReplay(1));
  }
}

Wrap the call in an injectable service using HttpClient, and use shareReplay(1) so multiple subscribers share one request. Provide the base URL via an injection token per environment.

Sandbox first

Set the base URL to https://sandbox.credicorp.co.uk/public/v1 in development and CI. See choosing a base URL.

Next steps

Add a quote form or an enquiry submission, and send applicants to apply. Handle failures with the shared error envelope.

Frequently asked questions

Should I cache the catalogue in Angular?

Yes — it changes infrequently. Cache it for the response's max-age using Angular's caching layer, so the API stays off your hot path and under the rate limit.

Where does the base URL belong?

In Angular's configuration, read from an environment variable per environment, so the same build runs against sandbox and production by changing one value.