在真实的 Android 设备上运行 React Native 应用程序时无法与服务器连接

2024-04-23

我试图在我真正的 Android 设备上运行我的 React Native 应用程序,因为在使用 Android studio 时笔记本电脑变得太热(8 Gb RAM,痛苦)。因此,我启用了 USB 调试,插入电缆并运行命令“react-native run-android”。该应用程序启动没有问题。我启动了后端服务器,该服务器也在 localhost:3000 和 localhost:3001 上启动并运行。该应用程序运行并显示登录和注册页面。我尝试注册,但出现错误消息

错误[TypeError:网络请求失败]

我通过同一网络上的 WIFI 连接,希望服务器和应用程序可以通信,但应用程序不能。

代码本身没有任何问题,因为我之前在 android studio 中运行过多次并且应用程序运行良好。我能够注册为新用户并使用相同的 ID 登录。我无法在真实设备中执行相同的操作。

我的问题:

  1. 我阅读了官方文档,它说打开应用程序内开发人员菜单并输入机器IP地址和本地主机服务器。该本地主机服务器是运行 Metor JS 的服务器还是应用程序本身的后端服务器?

  2. 我在这里缺少什么,任何命令或任何配置?

  3. 为什么我的应用程序无法与服务器通信?

  4. 网络错误背后的原因。


您应该按照以下步骤连接捆绑程序。

  1. 确保应用程序和捆绑程序使用同一网络。

  2. 如果您使用的是 android,请将此代码添加到您的androidManifest.xml file.

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission 
    android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
     <application
       android:usesCleartextTraffic="true" // make sure that this line is added.
         .......>
          .......
     </application>
    
  3. 如果你要添加本地主机在开发者设置中尝试添加您的IP地址,如下所示,yourIP:yourPort

    示例:192.168.89.24:8081

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在真实的 Android 设备上运行 React Native 应用程序时无法与服务器连接 的相关文章

随机推荐