Як виконувати HTTP-запити в Node.js за допомогою Fetch API

Web development often requires making HTTP requests to interact with external APIs or servers. Node.js, with its non-blocking, event-driven architecture, is a popular choice for building scalable network applications. Integrating the Fetch API into Node.js allows developers to make these HTTP requests efficiently.

This guide will walk you through everything you need to know about using the Fetch API in Node.js, from setting up your environment to advanced techniques and best practices.

Introduction

HTTP requests are a fundamental part of modern web development. They allow applications to communicate with servers, retrieve data, and send updates. The Fetch API is a versatile tool for making these requests, and when combined with Node.js, it provides a powerful way to handle network operations. This guide will cover the basics of making HTTP requests with the Fetch API in Node.js, including GET and POST requests, handling headers, and advanced usage scenarios.

Налаштування середовища

Перш ніж занурюватися в надсилання HTTP-запитів, потрібно налаштувати середовище розробки. Ось що вам потрібно:

Інструменти та бібліотеки

• Node.js: Ensure you have Node.js installed. You can download it from Node.js official website.
• Fetch API: Node.js doesn’t include the Fetch API by default, so you’ll need to install the node-fetch package.

Installation Steps

1. Install Node.js: Follow the installation instructions on the Node.js website.
2. Встановіть node-fetch: Використайте npm, щоб встановити node-fetch package.

• npm install node-fetch

Making GET Requests

Надсилати GET-запити просто за допомогою Fetch API. Ось приклад:

const fetch = require('node-fetch');
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Explanation

• fetch: Функція fetch ініціює мережевий запит до вказаної URL-адреси.
• response.json(): Витягує JSON-дані з відповіді.
• console.log(data): Записує отримані дані в лог.
• catch(error): Обробляє будь-які помилки, що виникають під час запиту.

Making POST Requests

Щоб надіслати дані на сервер, можна використати POST-запит. Ось як

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

const url = 'https://api.example.com/data';
const data = { name: 'John', age: 30 };fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
  .then(response => response.json())
  .then(data => console.log('Success:', data))
  .catch(error => console.error('Error:', error));

Explanation

• method: Визначає метод запиту (у цьому випадку POST).
• headers: Додає до запиту заголовки, наприклад Content-Type.
• body: Дані для надсилання, перетворені у формат JSON.

Обробка заголовків і параметрів запиту

Заголовки є важливими для надсилання додаткової інформації разом із вашими запитами, наприклад токенів автентифікації.

Adding Custom Headers

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

const url = 'https://api.example.com/data';

fetch(url, {
  headers: {
    'Authorization': 'Bearer YOUR_TOKEN',
    'Content-Type': 'application/json',
  },
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Using Query Parameters

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

const url = 'https://api.example.com/data?name=John&age=30';fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Обробка помилок у Fetch API

Грамотна обробка помилок є критично важливою для надійних застосунків.

Using Promises

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('Під час виконання операції fetch виникла проблема:', error));

Using Async/Await

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

(async () => {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Fetch error:', error);
  }
})();

Advanced Usage

Використання Fetch API з Async/Await

Синтаксис async/await спрощує роботу з промісами.

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

(async () => {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  console.log(data);
})();

Інтеграція з іншими бібліотеками

Fetch API можна поєднувати з іншими бібліотеками, як-от Cheerio, для вебскрапінгу.

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

fetch('https://example.com')
  .then(response => response.text())
  .then(body => {
    const $ = cheerio.load(body);
    console.log('Page title:', $('title').text());
  })
  .catch(error => console.error('Error:', error));

Fetch API проти Axios

Axios — ще одна популярна бібліотека для надсилання HTTP-запитів. Ось порівняння:

Fetch API Example

fetch(url, {
  method: 'POST',
  headers: customHeaders,
  body: JSON.stringify(data),
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

Axios Example

const axios = require('axios');

axios.post(url, data, { headers: customHeaders })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Comparison Points

• Error Handling: У Axios є вбудована обробка помилок.
• Data Transformation: Axios автоматично перетворює JSON-дані.
• Request CancellationAxios дає змогу скасовувати запити.

Best Practices

Optimizing Performance

• Використовуйте кешування, щоб уникати зайвих запитів.
• Зменшуйте розмір корисного навантаження, надсилаючи лише необхідні дані.

Security Considerations

• Використовуйте HTTPS, щоб шифрувати дані під час передавання.
• Перевіряйте та очищуйте вхідні дані, щоб запобігти вразливостям безпеки.

Ensuring Code Maintainability

• Модулізуйте код, розділяючи відповідальності.
• Використовуйте змінні середовища для конфігурації.

Поширені запитання

Як обробляти JSON-відповіді у Fetch API?

• Use response.json() щоб розбирати JSON-відповіді.

Які поширені помилки у Fetch API та як їх виправити?

• Помилки мережі: перевірте інтернет-з’єднання та кінцеву точку API.
• Проблеми з CORS: переконайтеся, що сервер дозволяє запити з інших доменів.

Can Fetch API be used for web scraping in Node.js?

• Так, поєднуйте його з бібліотеками на кшталт Cheerio для вебскрапінгу.

Conclusion

The Fetch API in Node.js offers a powerful way to make HTTP requests. By understanding the basics and advanced usage, you can effectively handle network operations in your applications. Remember to follow best practices for performance, security, and maintainability. Happy coding!

Для подальшого ознайомлення перегляньте Fetch API Documentation and Node.js Documentation.

Хочете дізнатися більше про вебскрапінг? Обов’язково перегляньте це blog. Якщо хочете дізнатися про інший метод вебскрапінгу через браузер без графічного інтерфейсу, зверніться до нашого Підручник з Puppeteer. Також не вагайтеся спробувати вебскрапер безкоштовно.