Open1

Firebaseでの開発環境/本番環境の切り替え

goemongoemon

firebaseを使用している中で、本番環境と開発環境を切り分ける必要が生じたため、その方法を記述する。

firebaseにログインしプロジェクトの作成状況を確認する


ターミナルにてFirebaseにログインする

$ firebase login


プロジェクトリストを表示する

$ firebase projects:list

Project Display Name Project ID Project Number Resource Location ID
Firebase Demo Project fir-demo-project xxxxxxxxxxxx us-central
test-app-dev test-app-991ce (current) yyyyyyyyyyyy asia-northeast1
test-app-prod test-app-prod-e22e0 zzzzzzzzzzzz asia-northeast1

今回はtest-appのprojectについて開発環境/本番環境をそれぞれ切り替える


ローカル環境にて切り替えを行うため、プロジェクトにエイリアスを設定する

$ firebase use --add

$ firebase use --add
? Which project do you want to add? (Use arrow keys)
❯ test-app-dev
  test-app-prod

開発環境:dev
本番環境:prod
としてエイリアスを設定しておくとわかりやすい

? What alias do you want to use for this project? (e.g. staging) dev

Created alias dev for test-app-dev.
Now using alias dev (test-app-dev)

以下の内容により切り替えられる

.firebaserc
{
  "projects": {
    "prod": "test-app-prod",
    "dev": "test-app-dev"
  }
}

ローカルにて環境を切り替える場合には、先ほど設定したエイリアスを使用する。
以下のコマンドを実行する(本番環境へ切り替える場合)

$ firebase use prod

こちらにより切り替えが完了します。