Zenn
📲

Flutterアプリを複数iPhoneでWirelessデバッグ起動させる

2023/05/14に公開
Flutter
iOS
VS Code
tech

前提環境

  • fvm 2.4.1
  • Flutter 3.10.0
  • Dart 3
  • Xcode 14.3
  • VS Code 1.78.0

Xcode

  • USB で iPhone を接続
  • Xcode App を開く
  • Windows→Devices and Simulators を開く
  • Connect via network にチェックを入れる
  • なんか地球みたいなのがついていたら接続完了
  • USB 接続を切っても、Wireless 接続できているはずです

VS Code

  • Wireless デバイスの確認
    • デバイス ID を見ることができます
fvm flutter devices
  • デバイス ID を確認
Checking for wireless devices...

1 wirelessly connected device:

たまむのiPhone (2) (mobile) • {ここにデバイスIDが表示されます} • ios • iOS 15.5 19F77
  • launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "wireless debug",
      "request": "launch",
      "type": "dart",
      "args": ["--device-timeout", "5"]
    }
  ]
}

複数デバイスの Wireless デバッグ実行

複数の iPhone でデバッグ実行する方法

  • {device_id}はご自身のもの
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "iPhone1",
      "request": "launch",
      "type": "dart",
      "deviceId": "{device_id}",
      "args": ["--device-timeout", "5"]
    },
    {
      "name": "iPhone2",
      "request": "launch",
      "type": "dart",
      "deviceId": "{device_id}",
      "args": ["--device-timeout", "5"]
    }
  ],
  "compounds": [
    {
      "name": "All Devices",
      "configurations": ["iPhone1", "iPhone2"]
    }
  ]
}
  • デバッグ実行する
    • すると全てのデバイスがデバッグ実行できます

補足

  • 複数の iphone を Wireless 接続したかったが、うまく接続できずに１端末だけしか接続できない
  • 一度、Wireless デバッグすると同時に複数デバイス接続ができることを確認した

Discussion