如何在 Android 设备上运行带有 Node js 后端的 React Native 应用程序？

Question

我想在我的本地 Android 设备上运行我的 React Native 应用程序。 该应用程序使用 Node js API 从 mysql 获取数据。 问题是，我的 android 设备无法访问节点 js 应用程序，导致没有数据。 该应用程序在使用地址 10.0.2.2 的 Android 模拟器上运行良好，但无法在 Android 设备 PS 上访问此节点 js API 是本地服务器（localhost：3000）

Answer 1

所以我这样解决了。 1. 我使用 ipconfig 从 cmd 获得了我的ip 地址2. 在节点 js 中，我编写了这样的服务器监听代码

const hostname = "192.168.2.103";
const port = "3002";
app.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}/`);
});

现在应用程序将在这个 ip 地址而不是 localhost 上运行，因此我们可以在同一网络上的任何地方访问它，即使在React Native 从 API 进程中获取

Answer 2

那是因为当你在手机上运行你的 React Native 应用程序时，你不再在你的计算机上，因此，localhost（你的计算机）不再是可访问的。 尝试使用完整的 ip 地址，即使在本地环境中也是如此。

假设您使用 axios 攻击您的 api 到 localhost:3000，您应该将此 localhost 更改为您计算机的 ip。 然后它应该工作。

Answer 3

将您的移动设备连接到与您的机器相同的网络。

然后试试这个命令：

ifconfig

从日志中找到您机器的 ip 地址。 你会发现这样的东西：

en0: flags=8863<UP,BROADCAST,SMART,RUNNING,SIMPLEX,MULTICAST> mtu 1500
    options=400<CHANNEL_IO>
    ether a4:83:e7:d5:35:85 
    inet6 fe80::439:b3fe:c51a:364%en0 prefixlen 64 secured scopeid 0x6 
    inet 192.168.1.6 netmask 0xffffff00 broadcast 192.168.1.255
    nd6 options=201<PERFORMNUD,DAD>
    media: autoselect
    status: active

获取地址，在我的例子中是： inet 192.168.1.6 。

在您的应用程序上，输入此地址以访问节点服务。 192.168.1.6 。 如果节点在port 3000上运行，则直接添加到该地址。 192.168.1.6:3000

Answer 4

您必须使用adb reverse在 android 设备中设置您的 API 地址。

例如，如果您的 API 在localhost:3000上，请运行以下命令：

$ adb reverse tcp:3000 tcp:3000

现在，当您的手机尝试向localhost:3000请求时，它将路由到您笔记本电脑中的该地址。

运行该命令后不要忘记重新编译您的应用程序。

参考和更多信息：

1. https://blog.grio.com/2015/07/android-tip-adb-reverse.html

2. https://www.jaygould.co.uk/2018-11-07-react-native-connecting-development-server-debugging/