🙌

【Flutter Web】FirebaseHosting デプロイ

2023/02/15に公開

初めに

FirebaseHostingへのデプロイの記事は結構上がっているので、備忘録として流れだけ書いています。
FirebaseはFlutterプロジェクトに導入済みで、firebaseでHostingの利用開始済みの前提です。

Hostingの設定

下記コマンド実行

firebase init hosting

質問を下記のように回答し終了。

? What do you want to use as your public directory? (public)
build/web

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
No

? Set up automatic builds and deploys with GitHub? (y/N)
No

ビルドとデプロイ

ビルド完了後にデプロイを行う。

ビルド

下記コマンドでビルドをした際に、FirebaseのStorageから取得している画像が、デプロイ後に表示されなかった。

flutter build web

下記コマンドでビルドをすると画像は問題なく表示された

flutter build web --web-renderer html

https://docs.flutter.dev/development/platform-integration/web/renderers

デプロイ

firebase deploy --only hosting

参考

https://firebase.google.com/docs/hosting/quickstart?authuser=0&hl=ja
https://zenn.dev/snova301/books/6df29a230d681f/viewer/8d8b4a

Discussion