加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react native配置ip真机测试

发布时间:2020-12-15 16:16:51 所属栏目:百科 来源:网络整理
导读:首先保证真机和pc 保证在同一个网络下 根据红色错误判断自己是什么情况 例如 提示无法连接远程服务,说明你的不在同一网络下 提示500 可能配置的ip不对 设置ip方法 摇晃手机 --- Dev Settings --- debug server host port for device 然后输入你的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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读