react-native - 从 Expo App 调用本地托管的服务器

Question

我正在创建一个 react-native 应用程序，我创建的其中一个组件包含一个属性，该属性通过来自 http 请求的数据填充。

现在我从我的笔记本电脑托管服务器，但是我正在使用 Expo 应用程序在我的手机上测试该应用程序。由于这是两个独立的设备，http://localhost:3000调用不起作用，因此我无法判断我的组件是否正常工作。

有什么方法可以让我在笔记本电脑上运行服务器并进行设置，以便 Expo 应用程序中的 http 请求到达服务器？

Answer 1

您可以在运行时使用 Expo list 获取 IP 地址:

import Constants from "expo-constants";
const { manifest } = Constants;

const api = (typeof manifest.packagerOpts === `object`) && manifest.packagerOpts.dev
  ? manifest.debuggerHost.split(`:`).shift().concat(`:3000`)
  : `api.example.com`;

这将设置 api在开发模式下为本地开发机器的地址以及您在生产中使用的任何地址。请注意，通过 App Store/Play Store 部署的应用程序似乎具有 packagerOpts undefined .这就是为什么我们有额外的 typeof健康)状况。在这种情况下，我们假设它是生产版本。

更多关于这里的 list : https://docs.expo.io/versions/latest/workflow/how-expo-works/#expo-development-server