如何在实体iOS设备上使用Reactotron测试React移动端应用？

前置准备 #

• 确保Mac与iPhone处于同一Wi-Fi网络
• 开启iPhone开发者模式：设置→隐私与安全性→开发者模式（iOS 16及以上版本），开启后重启设备
• 启动Mac上的Reactotron，保持监听状态

项目配置修改 #

1. 找到项目中Reactotron的配置文件（通常为ReactotronConfig.js或src/config/ReactotronConfig.js）
2. 将配置里的host替换为Mac的局域网IP地址：

   import Reactotron from 'reactotron-react-native';
   
   Reactotron.configure({
     host: "192.168.x.x" // 替换成你的Mac局域网IP
   })
     .useReactNative()
     .connect();
   

3. 重新编译安装应用到iPhone：
   • 打开Xcode，选择你的iPhone作为运行目标
   • 点击「Build and Run」，确保应用成功安装到设备

设备端验证 #

• 打开iPhone上的应用，摇一摇触发开发者菜单（或通过Xcode的Debug菜单唤起）
• 若出现网络权限弹窗，允许应用访问Wi-Fi
• 返回Reactotron，查看是否已识别到iPhone设备的连接

常见问题排查 #

• 连接失败时，检查Mac防火墙设置，允许Reactotron的网络请求通过
• 尝试重启Reactotron和iPhone上的应用
• 用终端执行ifconfig命令，确认Mac的局域网IP未发生变动

内容的提问来源于stack exchange，提问作者Mariano Garcia