Axios NPM (개발자를 위한 사용 방법)

1. 단순함

Axios는 XMLHttpRequest 및 Fetch API 호출을 처리하는 복잡성을 추상화함으로써 HTTP 요청을 만드는 과정을 간소화합니다. 깔끔하고 직관적인 API 덕분에 개발자는 최소한의 상용구 코드로 일반적인 HTTP 작업을 쉽게 수행할 수 있습니다.

2. 약속 기반

Axios는 Promise을 활용하여 비동기 코드를 작성하고 비동기 요청에 대한 응답을 보다 체계적이고 읽기 쉽게 처리할 수 있습니다. 이를 통해 개발자는 콜백 지옥을 피하고 더 깔끔하고 유지보수하기 쉬운 코드를 작성할 수 있습니다.

3. 브라우저 및 Node.js 지원

클라이언트 측 웹 애플리케이션을 구축하든 서버 측 Node.js 애플리케이션을 구축하든, Axios는 모든 것을 지원합니다. 이 시스템은 두 환경 모두와 원활하게 통합되어 다양한 플랫폼에서 HTTP 요청을 수행하기 위한 일관된 API를 제공합니다.

4. 요격기

Axios API의 인터셉트 요청 및 응답은 then 또는 catch 콜백에 의해 처리됩니다. 이 강력한 API 요청 가로채기 기능을 통해 개발자는 사용자 지정 헤더 추가, 요청 로깅, 오류 처리와 같은 일반적인 작업을 중앙 집중식으로 수행할 수 있습니다.

5. JSON 자동 파싱

Axios는 JSON 응답을 자동으로 파싱하여 수동 파싱의 필요성을 없애고 반복적인 코드 작성을 줄여줍니다. 이 덕분에 개발자는 데이터를 파싱하는 대신 데이터를 소비하는 데 집중할 수 있으므로 API에서 JSON 데이터를 다루는 것이 매우 간편해집니다.

URL 및 구성 정의

// Define the API endpoint URL
const url = 'https://api.example.com/data';

// Define the Axios request configuration
const config = {
  params: {
    // Add query parameters if needed
    page: 1,
    limit: 10
  },
  headers: {
    // Add custom headers if needed
    'Authorization': 'Bearer YOUR_ACCESS_TOKEN'
  }
};

// Define the API endpoint URL
const url = 'https://api.example.com/data';

// Define the Axios request configuration
const config = {
  params: {
    // Add query parameters if needed
    page: 1,
    limit: 10
  },
  headers: {
    // Add custom headers if needed
    'Authorization': 'Bearer YOUR_ACCESS_TOKEN'
  }
};

URL과 설정을 사용하여 GET 요청을 보냅니다.

// Make a GET request to the API endpoint with the defined URL and configuration
axios.get(url, config)
  .then(response => {
    // Transform response data if required
    const transformedData = response.data.map(item => {
      return {
        id: item.id,
        name: item.name.toUpperCase()
      };
    });
    // Log transformed data
    console.log('Transformed Data:', transformedData);
  })
  .catch(error => {
    // Handle request error return promise
    if (error.response) {
      // The request was made and the server responded with a status code and HTTP status message
      console.error('Server responded with status code:', error.response.status);
      console.error('Response data:', error.response.data);
    } else if (error.request) {
      // The request was made but no response was received
      console.error('No response received:', error.request);
    } else {
      // Something happened in setting up the request that triggered an Error
      console.error('Error setting up the request:', error.message);
    }
  });

// Make a GET request to the API endpoint with the defined URL and configuration
axios.get(url, config)
  .then(response => {
    // Transform response data if required
    const transformedData = response.data.map(item => {
      return {
        id: item.id,
        name: item.name.toUpperCase()
      };
    });
    // Log transformed data
    console.log('Transformed Data:', transformedData);
  })
  .catch(error => {
    // Handle request error return promise
    if (error.response) {
      // The request was made and the server responded with a status code and HTTP status message
      console.error('Server responded with status code:', error.response.status);
      console.error('Response data:', error.response.data);
    } else if (error.request) {
      // The request was made but no response was received
      console.error('No response received:', error.request);
    } else {
      // Something happened in setting up the request that triggered an Error
      console.error('Error setting up the request:', error.message);
    }
  });

Axios는 또한 POST, PUT, DELETE과 같은 다른 HTTP 메서드를 지원하며, 이는 요청 및 응답을 유사한 방식으로 변환하는 데 사용할 수 있습니다.

1단계: Axios와 IronPDF 설치합니다.

먼저, 프로젝트에 Axios와 IronPDF 모두 설치되어 있는지 확인하십시오.

# Install Axios
npm i axios
# Install IronPDF (Node.js binding)
npm i @ironsoftware/ironpdf

# Install Axios
npm i axios
# Install IronPDF (Node.js binding)
npm i @ironsoftware/ironpdf

2단계: Axios를 사용하여 데이터 가져오기

Axios를 사용하여 서버에서 송장 데이터를 가져오는 HTTP 요청을 보냅니다.

// Require Axios for HTTP requests
const axios = require('axios');

// Make a GET request to retrieve invoice data
axios.get('https://api.example.com/invoice')
  .then(response => {
    const invoiceData = response.data;
    // Proceed to PDF generation
  })
  .catch(error => {
    console.error('Error fetching invoice data:', error);
  });

// Require Axios for HTTP requests
const axios = require('axios');

// Make a GET request to retrieve invoice data
axios.get('https://api.example.com/invoice')
  .then(response => {
    const invoiceData = response.data;
    // Proceed to PDF generation
  })
  .catch(error => {
    console.error('Error fetching invoice data:', error);
  });

3단계: IronPDF 사용하여 PDF 생성

송장 데이터를 가져온 후에는 IronPDF 사용하여 요청 및 응답 데이터를 PDF 문서로 생성하십시오.

// Require necessary modules
const axios = require('axios');
const { PdfDocument } = require('@ironsoftware/ironpdf');

// Async function to handle PDF generation
(async () => {
    try {
        // Fetch HTML content using Axios
        const response = await axios.get('https://api.example.com/invoice');
        const invoiceHtml = response.data;

        // Create a PDF from the fetched HTML content
        const pdf = await PdfDocument.fromHtml(invoiceHtml);

        // Export the PDF to a file
        await pdf.saveAs("invoice.pdf");
        console.log("PDF generated successfully!");
    } catch (error) {
        console.error("Error generating PDF:", error);
    }
})();

// Require necessary modules
const axios = require('axios');
const { PdfDocument } = require('@ironsoftware/ironpdf');

// Async function to handle PDF generation
(async () => {
    try {
        // Fetch HTML content using Axios
        const response = await axios.get('https://api.example.com/invoice');
        const invoiceHtml = response.data;

        // Create a PDF from the fetched HTML content
        const pdf = await PdfDocument.fromHtml(invoiceHtml);

        // Export the PDF to a file
        await pdf.saveAs("invoice.pdf");
        console.log("PDF generated successfully!");
    } catch (error) {
        console.error("Error generating PDF:", error);
    }
})();

IronPDF 로 변환하기 전에 가져온 송장 데이터로 HTML 콘텐츠를 동적으로 채울 수 있습니다.