firebase デプロイのバックアップ(No.2)

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
firebase デプロイへ行く。
- 1 (2024-08-06 (火) 11:24:16)
- 2 (2024-08-06 (火) 13:38:29)

目次 †

目次
はじめに
Firebase Hosting
初期化
手順
- firebase.jsonの修正
  - 変更後のサンプル
- 環境変数を設定した状態でデプロイできるか検証
紹介記事

↑

はじめに †

ngrokで、デプロイできたが、firebaseを使ってデプロイする方法があるらしいのでしらべることにした。

↑

Firebase Hosting †

https://firebase.google.com/docs/hosting?hl=ja

↑

初期化 †

firebase init hosting

publicディレクトリができる。ダミーのindex.htmlができる

↑

手順 †

flutter build web

cd public
firebase deploy --only hosting

↑

firebase.jsonの修正 †

デフォルトだと、publicフォルダになっているので、flutterのwebビルドのデフォルトの出力先に変更する。

↑

変更後のサンプル †

{
  "hosting": {
    "public": "build/web",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

↑

環境変数を設定した状態でデプロイできるか検証 †

# build_with_env.sh
#!/bin/bash

# .env ファイルから環境変数を読み込む
export $(cat .env | xargs)

# flutter build web コマンドを実行する
flutter build web --dart-define=API_URL=$API_URL --dart-define=OTHER_VAR=$OTHER_VAR

このスクリプトを使ってビルドする場合：

スクリプトファイル（例：build_with_env.sh）を作成します。スクリプトファイルに実行権限を与えます。

chmod +x build_with_env.sh

スクリプトを実行してビルドします。

./build_with_env.sh

↑

紹介記事 †

↑

firebase デプロイ のバックアップ(No.2)