react native配置ip真机测试

首先保证真机和pc 保证在同一个网络下

根据红色错误判断自己是什么情况
例如 提示无法连接远程服务,说明你的不在同一网络下

提示500 可能配置的ip不对

设置ip方法

摇晃手机 ---> Dev Settings ---> debug server host & port for device

然后输入你的ip 和端口号
例如:

192.168.1.18:8081

对于iOS真机来说，需要打开 [`RCTWebSocketExecutor.m`](https://github.com/facebook/react-native/blob/master/Libraries/WebSocket/RCTWebSocketExecutor.m)文件，然后将其中的"localhost"改为你的电脑的IP地址，最后启用开发者菜单中的"Debug JS Remotely"选项。

对于Android 5.0+设备（包括模拟器）来说，将设备通过USB连接到电脑上后，可以使用[`adb`命令行工具](http://developer.android.com/tools/help/adb.html)来设定从设备到电脑的端口转发：

`adb reverse tcp:8081 tcp:8081`

如果设备Android版本在5.0以下，则可以在开发者菜单中选择"Dev Settings - Debug server host for device"，然后在其中填入电脑的”IP地址:端口“。

 RCTWebSocketExecutor.m文件修改 localhost 为react-native 的 server 的ip------本机 ip 地址（确保手机能连到本机春地址）

 

image.png

iOS 项目加载资源包为远程资源（本机ip react-native服务提供的资源包）

 

image.png

运行程序

摇一摇

选择remote js debugging
然后浏览器输入 http://localhost:8081/debugger-ui/ 地址 （官网说的），但是我得输入ip 才可以。

然后就可以在 console 看日志了

转发链接：https://www.jianshu.com/p/620ea3fe1f25

链接：https://www.jianshu.com/p/4bcdfa43d588