* 目次 [#a9724436]
#contents
* 動機 [#h9fe65a3]
google認証でidToken取得したい
google認証させるためにはoauthでドメインを設定しないといけない設定項目があるが、
localhostや127.0.0.1でははじかれてしまうようになっていた。バグだとおもうが、どうしようもないので、ドメイン経由での接続のため、ngrokで立ち上げないといけない。
* 動作確認できた手順 [#v7746a51]
** ngrokを起動させておく(順番は前後しても大丈夫だった) [#a4ff8669]
ngrok http --domain=ここにngrokで提供されたドメインを入れる 8080
** flutterを起動させる [#e2444102]
自分は以下の一連をスクリプトにしている
cd プロジェクトのあるディレクトリ遷移
flutter clean
flutter pub get
flutter gen-l10n
flutter run -d web-server --dart-define-from-file=.env --web-port=8080
* できなかった手順 [#ieab4f48]
flutter build web
として、単純にデプロイしただけ
* Flutter Version Management [#c5f41dbc]
複数のFlutter SDKバージョンをインストールできる。
→複数のFlutter SDKをインストールしておくことができるので、切り替えが容易になります。
fvm_config.json を使用することで、Flutter SDKバージョンを明示してチームで統一できる。
複数のFlutterアプリ開発に携わるならFlutter SDKのバージョン管理は必須とも言えます
** 公式サイト [#x227a234]
https://fvm.app/
*** windowsでインストール [#q0927be7]
管理者権限でpower shellとかひらく
choco upgrade chocolatey
choco install python --version=3.12.4
choco install fvm
*** 紹介記事 [#z2d36f66]
FVMでFlutter SDKのバージョンをプロジェクト毎に管理する
https://zenn.dev/altiveinc/articles/flutter-version-management
* 参考サイト [#pb3b522a]
** FlutterWebをモバイル端末で動作させる [#n7e29af7]
https://qiita.com/suga_slj/items/9788e163e16a456d7930
** Flutterの開発でngrokを利用する方法 [#m0cb73eb]
DBなどをngrok経由でflutterからアクセスしたい場合のサンプル
https://qiita.com/hiwazero/items/8bf677e580af6d091279
** ngrokを無料プランでURL固定してみる [#la5265a8]
https://qiita.com/miso_develop/items/bdcf15489b069ba1fa61
** 【事前準備：補足】ngrokを使ったローカル開発環境の構築 [#j11f5d93]
https://zenn.dev/tokku5552/books/flutter-web-liff-scheduler/viewer/6_prepare_ngrok
