Node.js開発環境からAPIを叩く

Node.js環境下での開発でAPIからデータを取得して表示する機能を開発する必要が生じたので、どんな具合に実現すればよいのか調べた。

webpack-dev-serverを用いた場合の設定。

devServer: {
  proxy: {
    '/api' : 'https://example.com/path/to',
    'secure' : false,
    'changeOrigin' : true
  }
}

この設定で、/api/index.phpでデータを取得しようとすると、webpack-dev-serverがプロキシサーバとなり、代行して「https://example.com/path/to/api/index.php」に接続して結果を受け取り、返してくれる。他にも書き方はあるので適宜調べれば良い。

最初、「/api」の行だけを記述していたら「ERR_TLS_CERT_ALTNAME_INVALID」と証明書関係のエラーでうまくいなかったが、調べて追加の２行を加えることでうまく動作してくれた。