React Native

Proxyman で、iOS 実機・iOS シミュレータ・Android 実機・Android エミュレータ上の React Native アプリと Expo アプリの HTTPS 通信をキャプチャします。

動画

iOS シミュレータと Android エミュレータで React Native Expo アプリの HTTPS 通信をキャプチャする

React Native の Android アプリの HTTP/HTTPS 通信キャプチャは、ネイティブの Android アプリと同じように動作します。以下の Android セットアップガイドに従ってください：

警告

ガイドのすべての手順に従ってください。特に 5 番目の手順では、res/xml/network_security_config.xml と AndroidManifest.xml を追加します。

そうしないと、Proxyman は SSL 接続を復号できません。

Android デバイスの HTTP Proxy を Proxyman に設定すると、Metro バンドラーがローカルサーバーに接続できないため、次のエラーが表示されることがあります。

解決するには：

Proxyman を開き、Certificate メニュー → Install Certificate on Android → Emulators… を選択して、Revert All Changes をクリックします
Android エミュレータを開き、Settings アプリ → Network → Wi-Fi → プロキシの設定を開きます
Proxyman IP & Port を使って HTTP Proxy を手動で設定します。IP とポートがわからない場合は、Certificate メニュー → Install Certificate on Android → Physical Devices… を開き、手順 2 の Server IP & Port を確認してください。
保存する前に、バイパスプロキシリストに localhost を入力します ✅

Proxyman の IP とポート、およびバイパスプロキシリストの localhost が設定された Android の Wi-Fi プロキシ設定

Android 実機で Settings アプリ → Network → Wi-Fi を開き、プロキシの設定を開きます
Proxyman IP & Port を使って HTTP Proxy を手動で設定します。IP とポートがわからない場合は、Certificate メニュー → Install Certificate on Android → Physical Devices… を開き、手順 2 の Server IP & Port を確認してください。
保存する前に、バイパスプロキシリストに your IP を入力します ✅
完了