Intlayer リクエストコンテキストキー

Intlayer エクスポートは、Remix 3 におけるリクエストコンテキストストレージ識別子として機能します。ルートハンドラーやカスタムミドルウェア内で、Remix コンテキストオブジェクトから Intlayer の状態を直接取得できます。

使用方法

intlayer() ミドルウェアが実行されると、IntlayerState オブジェクトが Intlayer キーの下でリクエストコンテキストに保存されます。任意のルートハンドラー内で取得できます:

src/server.ts

コードをコピー

コードをクリップボードにコピー

import { createRouter } from "remix/router";
import { intlayer, Intlayer } from "remix-intlayer";

const router = createRouter({
  middleware: [intlayer()],
});

router.get("/api/profile", (context) => {
  // context.get(Intlayer) 経由でアクセス
  const { locale, defaultLocale, availableLocales } = context.get(Intlayer);

  return Response.json({
    locale,
    defaultLocale,
    availableLocales,
  });
});

直接プロパティのショートハンド context.intlayer を使ってアクセスすることもできます:

コードをコピー

コードをクリップボードにコピー

router.get("/api/status", (context) => {
  const currentLocale = context.intlayer.locale;
  return Response.json({ status: "ok", locale: currentLocale });
});

`IntlayerState` の構造

IntlayerState オブジェクトには以下が含まれます:

テーブルのすべての内容を表示

テーブルをモーダルで開き、すべてのデータを明確に表示

プロパティ	型	説明
`locale`	`DeclaredLocales`	現在のリクエストに対して解決されたロケール。
`defaultLocale`	`DeclaredLocales`	`intlayer.config.ts` で定義されたフォールバックロケール。
`availableLocales`	`DeclaredLocales[]`	プロジェクトで設定されたすべてのサポート対象ロケールの一覧。

Intlayer リクエストコンテキストキー

使用方法

IntlayerState の構造

関連ドキュメント

`IntlayerState` の構造