irpas技术客

ReactNative从设备上访问开发服务器Metro_MasterCo_react native metro

未知 7733

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

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

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

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

运行 adb reverse tcp:8081 tcp:8081 不需要更多配置,你就可以使用Reload JS和其它的开发选项了。

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

?


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #React #Native #metro #首先把你的设备通过 #USB #数据线连接到电脑上并开启 #调试关于如何开启