android - 如何在我的 React-Native 开发环境中指定 Metro Bundler IP 地址？

Question

不确定这是否可能，但这里有：

设置

• 我有一个使用 react-native cli 的 React-Native 应用程序设置
• 我正在尝试向我的应用程序后端发出网络请求
  • 说，stage.foo.com/graphql
• 我启动我的 android 模拟器并启动开发服务器：

react-native run-android

• 这将启动我的 Metro-bundler 开发服务器localhost:8081

问题

• 由于公司foo拥有出色的基础设施和安全性，他们设置了 CORS 来阻止所有来自localhost.
• 但是，他们还local.foo.com为这种场合设置了一个公共环回域。
  • local.foo.com重定向回localhost
• 如果我访问local.foo.com/graphql，它指向我想要的端点
• 当我访问local.foo.com:8081/debugger-ui（远程调试 URL）时，它正确连接到在那里运行的 Metro Bundler 服务。

剩下的一块：

所以在这一切之后，这是我的问题：

• 我的 react-native 设置配置为从locahost:8081
• 有没有办法编辑设置来加载应用程序local.foo.com:8081？

注意：这不是应用程序代码的问题，我需要一些方法来更改应用程序在寻找 Metro Bundler 服务时命中的源。

标签： androidreact-nativereact-native-androidmetro-bundler

Answer 1

1. 打开 React Native 应用程序
2. 摇晃设备 2-3 次
3. 开发设置 → 调试服务器主机 -> 带有 8081 端口的 IP 地址并重新加载，就是这样

在 Emulator / Simulator 中打开 Dev 设置，您可以使用命令CTRL+ M。确保它不是发布版本（不是签名的 APK）