404エラーを発生させる・リダイレクトさせる：ExpressJSの各種方法

2024-04-10

ExpressJSで404エラーを特定のページにリダイレクトする方法

404エラーをリダイレクトする方法はいくつかあります。

app.use() ミドルウェアを使う

最も一般的な方法は、app.use() ミドルウェアを使うことです。 これは、すべてのリクエストに適用されるミドルウェアを設定するものです。404エラーが発生した場合、このミドルウェアは特定のページにリダイレクトするように設定できます。

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

// 404エラーが発生した場合、/errorページにリダイレクト
app.use((req, res, next) => {
  if (res.statusCode === 404) {
    res.redirect('/error');
  } else {
    next();
  }
});

app.listen(3000);

上記のコードでは、app.use() ミドルウェアを使用して、404エラーが発生した場合に /error ページにリダイレクトするように設定しています。

next() 関数を使う

別の方法は、next() 関数を使うことです。 これは、ミドルウェア内で次のミドルウェアに処理を渡すための関数です。404エラーが発生した場合、next() 関数に 404 エラーコードを渡すことで、エラーハンドリングミドルウェアに処理を渡すことができます。

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

// エラーハンドリングミドルウェア
app.use((err, req, res, next) => {
  if (err.status === 404) {
    res.redirect('/error');
  } else {
    next(err);
  }
});

app.listen(3000);

res.send() または res.render() を使う

404エラーが発生した場合、res.send() または res.render() を使って直接エラーページを送信することもできます。

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

app.get('*', (req, res) => {
  res.send('404 エラーが発生しました');
});

app.listen(3000);

上記のコードでは、app.get() ミドルウェアを使用して、すべてのリクエストに 404 エラーが発生しました というメッセージを送信しています。

どの方法を使うかは、状況によって異なります。 多くの場合、app.use() ミドルウェアを使うのが最も簡単で効率的な方法です。

404エラーページには、エラーメッセージや代替コンテンツを表示することができます。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>404 エラー</title>
</head>
<body>
  <h1>404 エラー</h1>
  <p>申し訳ありませんが、お探しのページは見つかりませんでした。</p>
  <a href="/">トップページへ戻る</a>
</body>
</html>

上記のコードは、404エラーページの例です。

ExpressJSで404エラーをリダイレクトするには、いくつかの方法があります。どの方法を使うかは、状況によって異なります。

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

// 404エラーが発生した場合、/errorページにリダイレクト
app.use((req, res, next) => {
  if (res.statusCode === 404) {
    res.redirect('/error');
  } else {
    next();
  }
});

// エラーハンドリングミドルウェア
app.use((err, req, res, next) => {
  if (err.status === 404) {
    res.redirect('/error');
  } else {
    next(err);
  }
});

// 404エラーページ
app.get('/error', (req, res) => {
  res.send('404 エラーが発生しました');
});

app.listen(3000);

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

ユーザーが https://localhost:3000/ 以外の URL にアクセスすると、404エラーが発生します。
404エラーが発生すると、ユーザーは https://localhost:3000/error にリダイレクトされます。
https://localhost:3000/error には、「404 エラーが発生しました」というメッセージが表示されます。

このコードを編集して、ニーズに合わせて変更することができます。

リダイレクトする前に、ユーザーに警告を表示することができます。

404エラーをリダイレクトするその他の方法

res.writeHead() と res.end() を使う

res.writeHead() と res.end() を使って、404エラーコードとリダイレクト先の URL を直接送信することができます。

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

app.get('*', (req, res) => {
  res.writeHead(404, {
    Location: '/error',
  });
  res.end();
});

app.listen(3000);

ルーティングミドルウェアを使う

ルーティングミドルウェアを使って、特定の URL にアクセスした場合に 404エラーを発生させることができます。

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

app.get('/not-found', (req, res) => {
  res.status(404).send('404 エラーが発生しました');
});

app.listen(3000);

上記のコードでは、/not-found という URL にアクセスした場合に 404エラーが発生するように設定しています。

エラーハンドリングミドルウェアを使う

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

app.use((err, req, res, next) => {
  if (err.status === 404) {
    res.redirect('/error');
  } else {
    next(err);
  }
});

app.listen(3000);