Flutter WebのアプリをLAN内の他のデバイスでデバッグする方法

1. ローカルのIPアドレスを取得

ifconfig | grep "inet " | grep -v "127.0.0.1" | awk '{print $2}' | head -n 1

2. 取得したアドレスでアプリを立ち上げ

以下のコードのIP_ADDRESSに1で取得したアドレスを入れる

flutter run -d web-server --web-hostname=IP_ADDRESS --web-port=50505

上記をコマンド１つで行うジョブスクリプト

#!/bin/bash

# 実行端末以外のスマホなどでも同じ環境wi-fi下でデバッグを可能にする

# 1. ifconfigからローカルIPアドレスを取得し、変数に格納する
#    - grep -v "127.0.0.1" でループバックアドレスを除外
#    - awk '{print $2}' で2番目のフィールド（IPアドレス）のみを抽出
#    - head -n 1 で最初の1行だけを取得する
IP_ADDR=$(ifconfig | grep "inet " | grep -v "127.0.0.1" | awk '{print $2}' | head -n 1)

# 取得したIPアドレスが見つからない場合のエラー処理
if [ -z "$IP_ADDR" ]; then
  echo "ローカルIPアドレスの取得に失敗しました。"
  exit 1
fi

# 2. 取得したIPアドレスを使ってFlutterアプリを実行する
echo "IPアドレス: $IP_ADDR で開発サーバーを起動します..."
fvm flutter run -d web-server --web-hostname=$IP_ADDR --web-port=50505