React Native 真机调试

Question

开发中真机调试是必不可少的，有些功能和问题模拟器是无法重现的，所以就需要配合真机测试，接下来就说下安卓和 iOS 的真机调试，不难，但是有很多细节需要注意。

iOS 真机调试

1. 必须 保证调试用电脑的和你的设备处于相同的 WiFi 网络环境中下
2. 打开 Xcode，找到 AppDelegate.m 文件
3. 更改 jsCodeLocation 中的 localhost 改成你电脑的局域网 IP 地址
4. IP地址点击左面右上角 WIFi 图标,找到打开网络偏好设置，状态栏下就可以看见了
5. 在 Xcode 中，选择你的手机作为目标设备，Run 运行就可以了

Android 真机调试

1. 在 Android 设备上打开 USB debugging 并连接上电脑启动调试。
2. 在真机上运行的方法与在模拟器上运行一致，都是通过 react-native run-android 来安装并且运行你的 React Native 应用。
3. 如果不是 Android 5.0+ (API 21) ，那么就没办法通过 adb reverse 进行调试，需要通过 WiFi 来连接上你的开发者服务器
4. 让调试用电脑和你的手机必须处于相同的 WiFi 网络中下 打开震动菜单（摇动设备）-> 前往 Dev Settings -> 选择 Debug server host for device -> 输入调试用电脑的局域网IP->点击 Reload JS

细节

其实还是有些坑的，这里只说 iOS 如开始所说，必须是同一网络下，有时电脑同时开着 Wifi 和插着网线,建议把网线拔掉，但是也不排除可以，没有试过，还有就是。

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

这一句千万不能注释，需要注意的就这几点，很简单的。