flutterをngrok経由で動作させる
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
* 目次 [#a9724436]
#contents
* 動機 [#h9fe65a3]
google認証でidToken取得したい
google認証させるためにはoauthでドメインを設定しないといけ...
localhostや127.0.0.1でははじかれてしまうようになっていた...
* 動作確認できた手順 [#v7746a51]
** ngrokを起動させておく(順番は前後しても大丈夫だった) [#...
ngrok http --domain=ここにngrokで提供されたドメインを入...
** flutterを起動させる [#e2444102]
自分は以下の一連をスクリプトにしている
cd プロジェクトのあるディレクトリ遷移
flutter clean
flutter pub get
flutter gen-l10n
flutter run -d web-server --dart-define-from-file=.env ...
* できなかった手順 [#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-manag...
* 参考サイト [#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を使ったローカル開発環境の構築 ...
https://zenn.dev/tokku5552/books/flutter-web-liff-schedul...
終了行:
* 目次 [#a9724436]
#contents
* 動機 [#h9fe65a3]
google認証でidToken取得したい
google認証させるためにはoauthでドメインを設定しないといけ...
localhostや127.0.0.1でははじかれてしまうようになっていた...
* 動作確認できた手順 [#v7746a51]
** ngrokを起動させておく(順番は前後しても大丈夫だった) [#...
ngrok http --domain=ここにngrokで提供されたドメインを入...
** flutterを起動させる [#e2444102]
自分は以下の一連をスクリプトにしている
cd プロジェクトのあるディレクトリ遷移
flutter clean
flutter pub get
flutter gen-l10n
flutter run -d web-server --dart-define-from-file=.env ...
* できなかった手順 [#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-manag...
* 参考サイト [#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を使ったローカル開発環境の構築 ...
https://zenn.dev/tokku5552/books/flutter-web-liff-schedul...
ページ名:
