Fetch API를 사용하여 Node.js에서 HTTP 요청을 만드는 방법

HTTP 요청을 수행하는 능력은 현대 웹 개발의 기본 측면입니다. Node.js에서 Fetch API는 이러한 목적을 위한 인기 있고 강력한 도구로 등장하여 개발자가 효율적이고 이해하기 쉬운 방식으로 비동기 네트워크 요청을 수행할 수 있게 해줍니다. 이 문서에서는 Fetch API를 사용하여 Node.js에서 HTTP 요청을 만드는 프로세스를 안내하고 주요 개념, 도구 및 모범 사례를 다룹니다.

Node.js의 Fetch API 소개

Fetch API는 요청 및 응답과 같은 HTTP 파이프라인의 일부에 액세스하고 조작하기 위한 JavaScript 인터페이스를 제공합니다. 원래 브라우저용으로 설계된 Fetch API는 이제 다음과 같은 폴리필을 통해 Node.js에서 사용할 수 있습니다. node-fetch. 이는 약속 기반이므로 보다 관리하기 쉬운 방식으로 비동기 작업을 처리하는 데 적합합니다.

Node.js용 Fetch API를 선택하는 이유는 무엇입니까?

• 단순성: Fetch API는 XMLHttpRequest(XHR)와 같은 이전 메서드에 비해 더 깔끔하고 읽기 쉬운 구문을 사용하여 HTTP 요청 프로세스를 단순화합니다.
• 비동기 처리: 약속 기반 특성 덕분에 Fetch API는 비동기 작업 처리를 향상시켜 async/await 구문을 통해 더 깔끔한 코드를 가능하게 합니다.
• 유연성: 헤더, 쿼리 매개변수 및 본문 콘텐츠에 대한 다양한 옵션을 사용하여 요청을 쉽게 사용자 정의할 수 있습니다.

Node.js 프로젝트에서 Fetch API 설정

HTTP 요청을 시작하기 전에 Node.js 환경에서 Fetch API를 설정해야 합니다. 여기에는 node-fetch Fetch API의 Node.js 구현인 패키지입니다.

설치 중 node-fetch

설치하기 위해서 node-fetch, 프로젝트 디렉터리에서 다음 명령을 실행합니다.

npm install node-fetch

이 명령은 추가합니다 node-fetch 프로젝트에 추가하면 Node.js 환경에서 Fetch API를 사용할 수 있습니다.

Fetch API를 사용하여 HTTP 요청 만들기

Fetch API는 GET, POST, PUT, DELETE와 같은 다양한 유형의 HTTP 요청을 만드는 프로세스를 단순화합니다. 다음 섹션에서는 이러한 요청을 작성하고 응답을 처리하는 방법을 설명합니다.

GET 요청하기

GET 요청은 지정된 리소스에서 데이터를 검색하는 데 사용됩니다. Fetch API를 사용하여 GET 요청을 수행하는 방법은 다음과 같습니다.

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

async function fetchData(url) {
    const response = await fetch(url);
    const data = await response.json();
    return data;
}

fetchData('https://api.example.com/data')
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

POST 요청하기

POST 요청은 리소스를 생성하거나 업데이트하기 위해 서버에 데이터를 보내는 데 사용됩니다. 아래 코드 조각은 POST 요청을 만드는 방법을 보여줍니다.

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

async function postData(url, data) {
    const response = await fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data),
    });
    const responseData = await response.json();
    return responseData;
}

postData('https://api.example.com/data', { key: 'value' })
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

응답 및 오류 처리

HTTP 요청을 할 때 응답과 잠재적인 오류를 모두 적절하게 처리하는 것이 중요합니다.

응답 처리

Fetch API는 다음과 같이 해결되는 약속을 반환합니다. Response 물체. 이 개체에는 응답 상태, 헤더 및 본문이 포함되어 있습니다. 다음과 같은 방법을 사용할 수 있습니다. .json(), .text()또는 .blob() 응답 본문을 구문 분석합니다.

오류 처리

Fetch API를 사용한 오류 처리에는 네트워크 오류와 응답 상태 코드를 모두 확인하는 작업이 포함됩니다. 다음은 오류를 처리하는 방법의 예입니다.

fetch(url)
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .catch(error => console.error('There has been a problem with your fetch operation:', error));

Node.js에서 Fetch API를 사용하는 모범 사례

Fetch API를 사용할 때 모범 사례를 준수하면 코드가 효율적이고 안전하며 유지 관리가 용이하다는 것을 확인할 수 있습니다.

더 깨끗한 코드를 위해 Async/Await 사용

async/await 구문을 활용하면 비동기 코드를 더 깔끔하고 읽기 쉽게 만들 수 있습니다.

오류 처리

네트워크 오류와 HTTP 오류를 모두 적절하게 관리하려면 포괄적인 오류 처리를 구현하세요.

귀하의 요청을 안전하게 보호하세요

특히 HTTPS를 통해 API를 처리할 때 민감한 데이터가 안전하게 전송되는지 항상 확인하세요.

결론

Fetch API는 Node.js에서 HTTP 요청을 수행하는 현대적이고 강력하며 유연한 방법을 제공합니다. Fetch API를 설정하고 사용하는 방법을 이해하고 요청 처리 및 오류 관리에 대한 모범 사례를 따르면 개발자는 강력하고 효율적인 웹 애플리케이션을 구축할 수 있습니다. API에서 데이터를 검색하든, 양식 데이터를 제출하든, 외부 서비스와 상호작용하든 Fetch API는 이러한 작업을 쉽고 정확하게 수행하는 데 필요한 도구를 제공합니다.