Axios NPM（開発者向けのしくみ）

1. シンプルさ

AxiosはXMLHttpRequestやFetch API呼び出しの取り扱いの複雑さを抽象化することにより、HTTPリクエストのプロセスを簡素化します。 そのクリーンで直感的なAPIにより、開発者は最小限のボイラープレートコードで一般的なHTTP操作を実行できるようになります。

2. Promiseベース

AxiosはPromiseを活用し、非同期コードの記述を簡単にし、非同期リクエストのレスポンスをより整理された、読みやすい方法で処理を行なえます。 これにより、開発者はコールバック地獄を避け、よりクリーンでメンテナンスしやすいコードを書くことができます。

3. ブラウザーとNode.jsのサポート

クライアントサイドのウェブアプリケーションを構築しているか、サーバーサイドのNode.jsアプリケーションを構築しているかにかかわらず、Axiosはサポートします。 どちらの環境ともスムーズに統合し、異なるプラットフォームでのHTTPリクエストを一貫したAPIで提供します。

4. インターセプター

Axios APIのインターセプトリクエストとレスポンスは、 thenまたはcatchコールバックで処理されます。 この強力なAPIのインターセプトリクエスト機能により、カスタムヘッダーの追加、リクエストのログ記録、エラー処理などの一般的なタスクを中央で可能にします。

5. 自動JSON解析

AxiosはJSONレスポンスを自動解析し、手動解析の必要を排除し、ボイラープレートコードを削減します。 これにより、開発者は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を生成する

請求書データを取得したら、そのデータをPDFドキュメントにIronPDFで生成します：

// 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);
    }
})();

取得した請求書データをHTMLコンテンツに動的に埋め込んでから、IronPDFに渡して変換を行います。