-
Expressアプリケーションのセットアップ: Expressをインストールし、アプリケーションのセットアップを行います。以下は、基本的なセットアップ手順です。
const express = require('express'); const app = express();
-
静的ファイルの提供: Expressを使用して、静的なファイル(HTML、CSS、JavaScriptなど)を提供するために、
express.static
ミドルウェアを使用します。以下は、静的ファイルの提供方法です。app.use(express.static('public'));
上記の例では、
public
ディレクトリ内のファイルが提供されます。必要に応じて、ディレクトリのパスを変更してください。 -
HTMLファイルの送信: 特定のURLに対してHTMLファイルを送信するには、
res.sendFile
メソッドを使用します。以下は、HTMLファイルを送信する例です。app.get('/html', (req, res) => { res.sendFile(__dirname + '/public/index.html'); });
上記の例では、
/html
へのGETリクエストに対して、public
ディレクトリ内のindex.html
ファイルが送信されます。 -
サーバーの起動: Expressアプリケーションを起動するために、
app.listen
メソッドを使用します。以下は、サーバーの起動方法です。const port = 3000; app.listen(port, () => { console.log(`サーバーがポート ${port} で起動しました。`); });
上記の例では、ポート番号3000でサーバーが起動されます。必要に応じて、ポート番号を変更してください。
これらの手順に従うことで、Expressを使用してHTMLファイルを送信することができます。適切なルートを設定し、res.sendFile
メソッドを使用してHTMLファイルのパスを指定してください。