本文へ移動

§24-12Developer

環境切替 (test / live)

テスト環境と本番環境をダッシュボード上で切り替える。

本番に影響を与えずに動作を試せる環境を用意し、どちらを見ているかを常に明示する。決済や外部連携のように、誤操作が実害につながる機能で必須。

実装のポイント

test と live でデータもキーも完全に分離し、test 中は画面全体に色付きの帯を出して取り違えを防ぐ。切替はサーバー側のキー選択と連動させる。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react