[移动开发]ReactNative从设备上访问开发服务器Metro

在启用开发服务器（官方名称 metro，但我们更常称之为 Packager）的情况下，你可以快速的迭代修改应用，然后在设备上立即查看结果。按照下面描述的任意一种方法来使你的设备可以访问到运行在电脑上的开发服务器。

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

注意，这个选项只能在 5.0 以上版本(API 21+)的安卓设备上使用。

首先把你的设备通过 USB 数据线连接到电脑上，并开启 USB 调试（关于如何开启 USB 调试，参见上面的章节）。

1. 运行

   adb reverse tcp:8081 tcp:8081

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

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

1. 首先确保你的电脑和手机设备在同一个 Wi-Fi 环境下。
2. 在设备上运行你的 React Native 应用。和打开其它 App 一样操作。
3. 你应该会看到一个“红屏”错误提示。这是正常的，下面的步骤会解决这个报错。
4. 摇晃设备打开开发者菜单。
5. 点击Dev Settings?->?Debug server host for device。
6. 输入你电脑的 IP 地址和端口号（譬如 10.0.1.1:8081）。
   1. 在 Mac 上，你可以在系统设置/网络里找查询你的 IP 地址。
   2. 在 Windows 上，打开命令提示符并输入ipconfig来查询你的 IP 地址。
   3. 在 Linux 上你可以在终端中输入ifconfig来查询你的 IP 地址。
7. 回到开发者菜单然后选择Reload JS。

?