NodeJs Fetch API の入門

Feb 13 2023
Fetch API は、Web ブラウザでリソースを取得するための最新のインターフェイスです。これは、JavaScript から HTTP リクエストを作成し、Promise を使用して応答を処理する方法を提供します。

Fetch API は、Web ブラウザでリソースを取得するための最新のインターフェイスです。これは、JavaScript から HTTP リクエストを作成し、Promise を使用して応答を処理する方法を提供します。Fetch API は、node-fetch モジュールを通じて Node.js でも使用できます。この記事では、Node.js で Fetch API を使用する方法を見ていきます。

ノードフェッチのインストール:

Node.js で Fetch API を使用し始める前に、node-fetch モジュールをインストールする必要があります。これは、npm を使用して次のコマンドを実行して行うことができます。

npm install node-fetch

const fetch = require('node-fetch');

ノードフェッチ モジュールがインストールされて必要になったので、フェッチ API を使用して HTTP リクエストを行うことができます。リクエストを行う最も基本的な例を以下に示します。

fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

フェッチするオプションを渡す:

fetch 関数は、リクエストにオプションを渡すために使用できる 2 番目のオプションの引数を取ります。これらのオプションは、ヘッダーの設定、リクエスト メソッドの設定などに使用できます。次に、リクエスト メソッドを POST に設定し、リクエスト本文に JSON ペイロードを含める例を示します。

const options = {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'foo',
    body: 'bar',
    userId: 1
  })
};

fetch('https://jsonplaceholder.typicode.com/posts', options)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

エラーの処理:

Fetch API は、応答がエラーを示している場合でも、Response オブジェクトに解決される Promise を返します。これは、応答のステータス コードを確認し、エラーを手動で処理する必要があることを意味します。エラーを処理する方法の例を次に示します。

fetch('https://jsonplaceholder.typicode.com/posts/invalid-url')
  .then(response => {
    if (!response.ok) {
      throw new Error(response.statusText);
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error(error));

結論:

Fetch API は、Node.js で HTTP リクエストを作成するための強力なツールです。
さらに読むには:https://www.npmjs.com/package/node-fetch