メディエータ/ミドルウェアパターン

メディエータパターンでは、コンポーネント同士が中心点（メディエータ）を通じて相互作用することができます。互いに直接話しかけるのではなく、メディエータが要求を受け取り、それを転送します！JavaScriptでは、メディエータはしばしばオブジェクトリテラルまたは関数にすぎません。

このパターンは、航空管制官とパイロットの関係に例えることができます。パイロット同士が直接話しかけるのではなく（おそらく混乱することになります）、パイロットは航空管制官と話します。航空管制官は、すべての飛行機が他の飛行機と衝突しないで安全に飛行するために必要な情報を受け取るようにします。

使用する場合

• 複数のオブジェクトが通信する必要があるが、多対多の直接的な関係があると混乱する場合に使用してください
• ミドルウェアチェーンの実装に役立ちます（例：Express.js ミドルウェア）

使用しない場合

• 2つのコンポーネント間の直接通信がより単純で、システムの参加者が少ない場合
• メディエータ自体がメンテナンスが難しい巨大な「神オブジェクト」になる場合
• イベント駆動パターン（オブザーバー/Pub-Sub）が中央コーディネーターなしで十分な疎結合を提供する場合

手順

• リクエストを処理し、適切なハンドラーに転送する中央メディエータを作成します
• ミドルウェアパターンを使用して、リクエスト/レスポンスを変更できる処理関数をチェーンします
• 個々のコンポーネントが互いを認識しないようにします。メディエータについてのみ知っておく必要があります

詳細

JavaScriptで飛行機を管制していることを願っていませんが、オブジェクト間の多方向データを処理することがよくあります。コンポーネント数が多い場合、コンポーネント間の通信は相当複雑になる可能性があります。

すべてのオブジェクトが他のオブジェクトと直接話しかけることを許可する代わりに、多対多の関係が生じますが、オブジェクトのリクエストはメディエータによって処理されます。メディエータはこのリクエストを処理し、それが必要な場所に転送します。

メディエータパターンの優れたユースケースはチャットルームです！チャットルーム内のユーザーは互いに直接話しかけません。代わりに、チャットルームはユーザー間のメディエータとして機能します。

class ChatRoom {
  logMessage(user, message) {
    const time = new Date();
    const sender = user.getName();

    console.log(`${time} [${sender}]: ${message}`);
  }
}

class User {
  constructor(name, chatroom) {
    this.name = name;
    this.chatroom = chatroom;
  }

  getName() {
    return this.name;
  }

  send(message) {
    this.chatroom.logMessage(this, message);
  }
}

チャットルームに接続された新しいユーザーを作成できます。各ユーザーインスタンスには send メソッドがあり、これを使用してメッセージを送信できます。

ケーススタディ

Express.js は人気のあるウェブアプリケーションサーバーフレームワークです。ユーザーがアクセスできる特定のルートにコールバックを追加できます。

ユーザーがルート '/' にアクセスした場合、リクエストにヘッダーを追加したいとします。このヘッダーはミドルウェアコールバックで追加できます。

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

app.use("/", (req, res, next) => {
  req.headers["test-header"] = 1234;
  next();
});

next メソッドはリクエスト・レスポンスサイクル内の次のコールバックを呼び出します。リクエストとレスポンスの間（またはその逆）に配置されるミドルウェア関数のチェーンを効果的に作成することになります。

前のミドルウェア関数によって追加された変更が正しく test-header が追加されたかどうかをチェックする別のミドルウェア関数を追加しましょう。前のミドルウェア関数によって追加された変更はチェーン全体で可視化されます。

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

app.use(
  "/",
  (req, res, next) => {
    req.headers["test-header"] = 1234;
    next();
  },
  (req, res, next) => {
    console.log(`Request has test header: ${!!req.headers["test-header"]}`);
    next();
  }
);

完璧です！1つまたは複数のミドルウェア関数を通してレスポンスまでのリクエストオブジェクトを追跡し、変更できます。

ユーザーがルートエンドポイント '/' にアクセスするたびに、2つのミドルウェアコールバックが呼び出されます。

ミドルウェアパターンにより、すべての通信を1つの中央ポイントを流すことで、オブジェクト間の多対多関係を簡素化することが容易になります。

ソース

• patterns.dev/vanilla/mediator-pattern

参考資料

• Docs - Express
• Mediator Pattern - OO Design