@ngrx/dataで別ドメインのAPIサーバにアクセスしてみる


AngularのAdvent Calendarで@ngrx/dataが紹介されました。

Angularから@ngrx/dataとActiveRecordを使ってRDBにアクセスする(追記あり)

この記事で詳細に説明されているのですが、別ドメインのAPIにもアクセスできないかと思い試してみました。

別ドメインのAPIにアクセスするには

上記の記事の中でも紹介されていますが、デフォルトのAPIへのpathを変更するにはDefaultDataServiceConfigを使うだけです。

dataservice-config.ts
const defaultDataServiceConfig: DefaultDataServiceConfig = {
  root: 'https://api-server/user',
  timeout: 5000
};

rootの部分にAPIサーバのURLを設定してproviderに登録するだけです。

機会があれば複数のAPIサーバにアクセスさせる設計も考えます。