Bagaimana Cara Menggunakan NodeJs Fetch API?

Fetch API adalah interface terkini untuk mengambil sumber daya di browser web. Ini menyediakan cara untuk membuat permintaan HTTP dari JavaScript dan menangani tanggapan menggunakan Promises. Fetch API juga tersedia di Node.js melalui modul node-fetch. Pada artikel ini, kita akan melihat bagaimana menggunakan Fetch API di Node.js.

Memasang node-fetch:

Sebelum kita mulai menggunakan API Fetch di Node.js, kita perlu menginstal modul node-fetch. Ini dapat dilakukan menggunakan npm dengan menjalankan perintah berikut:

npm install node-fetch

Setelah modul diinstal, kita dapat memintanya di skrip Node.js kita seperti ini:

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

Membuat Permintaan Pengambilan:

Sekarang setelah modul node-fetch diinstal dan diperlukan, kita dapat menggunakan Fetch API untuk membuat permintaan HTTP. Contoh paling dasar untuk membuat permintaan ditunjukkan di bawah ini:

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

Dalam perumpamaan ini, kami membuat keinginan GET ke API JSONPlaceholder dan menulis data tanggapan ke konsol. Fungsi ambil kembalikan Janji yang dituntaskan ke object Tanggapan. Kita selanjutnya bisa memakai sistem json() dari object Response untuk mengurai tanggapan sebagai JSON. Blok then() kedua menulis data yang diuraikan ke konsol. Paling akhir, block catch() menulis kesalahan apa pun itu yang terjadi sepanjang keinginan.

Melanjutkan Pilihan untuk Mengambil:

Fungsi pengambilan mengambil argument opsional kedua yang bisa digunakan untuk melanjutkan pilihan ke keinginan. Pilihan ini bisa digunakan untuk menyetel judul, menyetel sistem keinginan, dan yang lain. Berikut contoh yang menyetel sistem keinginan ke POST dan mengikutkan muatan JSON di badan permintaan:

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));

Dalam contoh ini, kami menyetel metode permintaan ke POST dan menyertakan muatan JSON di badan permintaan. Objek headers digunakan untuk mengatur header Content-Type ke application/json, yang memberi tahu server bahwa badan permintaan dalam format JSON.

Menangani Kesalahan:

Fetch API mengembalikan Promise yang diselesaikan ke objek Respons, meskipun responsnya menunjukkan kesalahan. Artinya, kita perlu memeriksa kode status respons dan menangani kesalahan secara manual. Berikut ini contoh cara menangani error:

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));

Dalam contoh ini, kami membuat permintaan ke URL yang tidak valid. Blok then() pertama memeriksa kode status dari respons menggunakan properti ok dari objek Respon. Jika kode status tidak berada dalam rentang 200–299, error akan terjadi dengan statusText dari respons. Blok then() kedua hanya dijalankan jika kode status menunjukkan keberhasilan. Terakhir, setiap kesalahan yang terjadi selama permintaan ditangkap dan dicatat ke dalam konsol.

Kesimpulan:

Fetch API adalah alat yang ampuh untuk membuat permintaan HTTP di Node.js