Node.js / Express.js アプリ開発をレベルアップ！ルーティング設定の達人になるためのヒント

2024-04-11

Node.js / Express.js - アプリのルーターはどのように機能しますか？

概要

Node.jsは、イベント駆動型、非同期型のJavaScriptランタイム環境です。Webアプリケーション開発において、多くの開発者がExpress.jsというミドルウェアフレームワークを組み合わせて使用しています。

Express.jsは、Node.js上でWebアプリケーションを構築するための軽量なフレームワークです。ルーティング、ミドルウェア、テンプレートエンジンなど、Webアプリケーション開発に必要な機能を提供します。

ルーターは、クライアントからのリクエストURLに基づいて、適切な処理を実行する役割を持つコンポーネントです。Express.jsでは、app.routerというオブジェクトがルーターとして機能します。

ルーターの仕組み

app.routerは、以下の3つの要素で構成されています。

ルート: クライアントからのリクエストURLと一致するパターン
メソッド: GET、POST、PUT、DELETEなど、リクエストで使用されるHTTPメソッド
ハンドラー: リクエストを受け取った際に実行される処理

app.routerは、これらの要素を組み合わせて、リクエストを適切な処理にルーティングします。

ルーターの設定

Express.jsでは、app.get(), app.post(), app.put(), app.delete()などのメソッドを使って、ルーティングを設定します。これらのメソッドは、それぞれ異なるHTTPメソッドに対応しています。

例えば、以下のコードは、GETリクエストを受け取った際に/というルートにアクセスすると、index.htmlというファイルを表示する処理を設定しています。

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

ミドルウェアとは、リクエストとレスポンスオブジェクトを処理する関数のことを指します。Express.jsでは、ルーティング処理の前後にミドルウェアを実行することができます。

ミドルウェアは、リクエストの認証、ロギング、セッション管理など、さまざまな処理に使用できます。

app.routerは、Express.jsにおける重要なコンポーネントです。ルーターを使うことで、クライアントからのリクエストを適切な処理にルーティングすることができます。また、ミドルウェアと組み合わせることで、さまざまな機能を追加することができます。

const express = require('express');
const app = express();

// ルーティング設定
app.get('/', function(req, res) {
  res.send('Hello, World!');
});

app.get('/about', function(req, res) {
  res.send('This is the about page.');
});

// ミドルウェア設定
app.use(function(req, res, next) {
  console.log('Request received:', req.method, req.url);
  next();
});

// サーバー起動
app.listen(3000, function() {
  console.log('Server listening on port 3000');
});

このコードを実行すると、以下のようになります。

ブラウザで http://localhost:3000 にアクセスすると、「Hello, World!」という文字が表示されます。
サーバコンソールには、リクエストされたURLとメソッドが表示されます。

このサンプルコードは、Express.jsの基本的な機能を理解するための参考として利用できます。

ルーティングを設定する他の方法

Router オブジェクトを使う

app.routerは、require('express').Router()を使って直接作成することができます。

const express = require('express');
const app = express();

const router = express.Router();

router.get('/', function(req, res) {
  res.send('Hello, World!');
});

app.use('/api', router);

app.listen(3000, function() {
  console.log('Server listening on port 3000');
});