React-Native项目在Android真机上调试

  • Z时代
  • 2024-01-10
  • 分类：综合

react

目录

  • 1、确保你的设备已经成功连接。可以终端输入adb devices来查看:

  • 2、终端运行npm start 开启本地服务，成功后运行react-native run-android来在设备上安装并启动应用

  • 3、设置设备访问开发服务器

    • 3.1 (Android 5.0及以上)使用adb reverse命令

    • 3.2 (Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

React-Native项目在Android真机上调试？接下来直奔主题，通过USB将手机和电脑连接，打开手机上的USB调试。不通型号的手机可能设置方式不一样，这里具体不在细说……

1、确保你的设备已经成功连接。可以终端输入adb devices来查看:

$ adb devices
List of devices attached
"Your device Name" device

注意：为避免调试出现其他问题，此处只需有一台设备连接，如果模拟器打开需要关闭模拟器；

2、终端运行npm start 开启本地服务，成功后运行react-native run-android来在设备上安装并启动应用

应用成果安装后不出意外的话会提示无法连接服务器，如下图：

出现此问题是因为我们未给手机设置访问开发服务地，模拟器是直接访问电脑本地服务，真机则需要我们手动配置了

3、设置设备访问开发服务器

3.1 (Android 5.0及以上)使用adb reverse命令

  1. 运行adb reverse tcp:8081 tcp:8081

  2. 不需要更多配置，你就可以使用Reload JS和其它的开发选项了。

3.2 (Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

  1. 首先确保你的电脑和手机设备在同一个Wi-Fi环境下。

  2. 在设备上运行你的React Native应用。和打开其它App一样操作。

  3. 你应该会看到一个“红屏”错误提示。这是正常的，下面的步骤会解决这个报错。

  4. 摇晃设备，或者运行adb shell input keyevent 82，可以打开开发者菜单。

  5. 点击进入Dev Settings。

  6. 点击Debug server host for device。

  7. 输入你电脑的IP地址和端口号（电脑网络IP:8081）。查看电脑IP这里就不用多说啦。

  8. 回到开发者菜单然后选择Reload JS。

备注：理想状态下已经可以看到APP页面了，但是，如果上面步骤都已经做好，并且电脑本地服务终端已显示加载成功，但是APP的页面还未加载出来，显示白屏状态！是我们的步骤有问题？这里并不是我们的步骤有问题，此时只需要退出正在运行的APP，重新打开即可，就可以成功加载到APP页面啦！

以上是 React-Native项目在Android真机上调试 的全部内容， 来源链接： utcz.com/z/381782.html

回到顶部