Think Essentially

計算機テクノロジー全般が好きです

React NativeのWifiを用いた実機デバッグ

接続から起動まで一貫してまとめている記事がなかったこと、 また比較的新しいAndoird機種の設定方法が既存の記事と異なっていたため、まとめました。

機種

Pixel 7a, Android バージョン: 13

手順

  1. 設定画面 → デバイス情報 → ビルド番号を6回タップし、開発者向けオプションを有効にする
  2. 設定画面 → システム → 開発者向けオプション → ワイヤレスデバッグON
  3. ワイヤレスデバッグ → 「ペア設定コードによるデバイスのペア設定」で 対象IPアドレスとポート, 6ケタのコードが出力されるので、adb pairを用いて値を入力
adb pair xxx.xxx.xxx.xxx:xxxx
Enter pairing code: XXXXXX

すると、adb devicesコマンドで接続した端末のIPアドレスとポート番号が表示されるので、以下のようにadb connectIPアドレスとポート番号を指定して接続

adb connect 192.168.xxx.xxx:xxxxx

react-native run-android入力時に --deviceIdでId(端末の場合はIPアドレスとポート番号)を指定して起動

npx react-native run-android --deviceId 192.168.xxx.xxx:xxxxx

test

test

test