Open6
Flutter for Webについての備忘録
村松龍之介いよいよFlutter for Webに手をつけることになった😙
村松龍之介まず、公式ページを読む👀
Web support for Flutter
Dartで記述された既存のFlutterコードをWebエクスペリエンスにコンパイルできます。これは、まったく同じFlutterフレームワークであり、Webはアプリのもう1つのデバイスターゲットにすぎないためです。
👏
Building a web application with Flutter
村松龍之介プロジェクトの作成からChromeの起動まで
Flutter Version Managementを使用しています。
FVMを使用していない場合はコマンドから適宜 fvm を除いて実行してください。
mkdir flutter_web_playground
cd flutter_web_playground
fvm use 2.2.1 --force
fvm flutter create .
fvm flutter run -d chrome
実行してChromeで起動した👍
WebはHot Reloadに対応していない。
r コマンドでHot Restartが使える。
村松龍之介ビルドとリリース/デプロイ
Build and release a web app
Buildコマンド
fvm flutter build web
デプロイ
リリースバンドルをアップロードする。
アップロード先の一例としては以下のサービスが紹介されている。
- Firebase Hosting
- GitHub Pages
- Google Cloud Hosting
村松龍之介Firebase Hosting
npm install -g firebase-tools
firabase login
firebase init
参考
村松龍之介キャッシュファイルはGit管理外にした
.gitignore
# Firebase
.firebase/*