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

猜你喜欢

转载自www.cnblogs.com/itgezhu/p/11128203.html
今日推荐