Expressを使用してHTMLファイルを送信する方法


  1. Expressアプリケーションのセットアップ: Expressをインストールし、アプリケーションのセットアップを行います。以下は、基本的なセットアップ手順です。

    const express = require('express');
    const app = express();
  2. 静的ファイルの提供: Expressを使用して、静的なファイル(HTML、CSS、JavaScriptなど)を提供するために、express.staticミドルウェアを使用します。以下は、静的ファイルの提供方法です。

    app.use(express.static('public'));

    上記の例では、publicディレクトリ内のファイルが提供されます。必要に応じて、ディレクトリのパスを変更してください。

  3. HTMLファイルの送信: 特定のURLに対してHTMLファイルを送信するには、res.sendFileメソッドを使用します。以下は、HTMLファイルを送信する例です。

    app.get('/html', (req, res) => {
     res.sendFile(__dirname + '/public/index.html');
    });

    上記の例では、/htmlへのGETリクエストに対して、publicディレクトリ内のindex.htmlファイルが送信されます。

  4. サーバーの起動: Expressアプリケーションを起動するために、app.listenメソッドを使用します。以下は、サーバーの起動方法です。

    const port = 3000;
    app.listen(port, () => {
     console.log(`サーバーがポート ${port} で起動しました。`);
    });

    上記の例では、ポート番号3000でサーバーが起動されます。必要に応じて、ポート番号を変更してください。

これらの手順に従うことで、Expressを使用してHTMLファイルを送信することができます。適切なルートを設定し、res.sendFileメソッドを使用してHTMLファイルのパスを指定してください。