在没有服务器的设备上React Native运行app

Question

令人难以置信的是React Native的文档有多糟糕,他们只是尽可能少地为所有内容.我已经设法使用选项1运行我的应用程序,但选项2更加不清楚:https://facebook.github.io/react-native/docs/running-on-device-ios.html

我不知道没有终端命令react-native bundle的例子,所以我知道那里实际需要什么.例如--entry-file <path>是什么路径？从我的硬盘驱动器根目录到此文件夹的整个路径,还是只是文件本身？--bundle输出....？到底我该怎么办呢？我不知道为什么他们需要让它如此模糊不清楚.

我很惊讶网上没有其他资源可以更明确地提供说明.我想这就是为什么应用程序商店中没有那么多React Native应用程序的原因.

Answer 1

我希望您也发现这是一种更简单的方法。在下面的示例中，我的应用程序名为BleMobileApp. 随意将其更改为您的应用程序名称。

在没有调试服务器的设备上运行应用程序

1. 复制主要部署目标并将其命名为BleMobileApp-Deploy.

2. 确保移除's 中的DEBUG=1标志（不要触摸原始目标！）BleMobileApp-DeplyBuild settingsBleMobileApp

3. 添加一个New Run Script PhasetoBleMobileApp-Deploy的构建阶段并粘贴以下命令：

yes | cp -rf ${BUILT_PRODUCTS_DIR}/${PRODUCT_NAME}.app/main.jsbundle $SRCROOT/main.jsbundle

就是这样！

（可选）如果您想缩小 JS Bundle！

1. 编辑文件./node_modules/react-native/scripts/react-native-xcode.sh如下（第 43~47 行）

2.更改默认运行脚本如下（对于BleMobileApp-Deploy目标）：

export NODE_BINARY=node FORCE_MINIFYING=true ../node_modules/react-native/scripts/react-native-xcode.sh

这应该对你有用。

快乐编码！

Answer 2

来自 React Native 文档：

配置发布方案 在 App Store 中构建要分发的应用程序需要使用 Xcode 中的发布方案。为发布而构建的应用程序将自动禁用应用程序内开发人员菜单，这将防止您的用户无意中访问生产中的菜单。它还将在本地捆绑 JavaScript，因此您可以将应用程序放在设备上并在未连接到计算机的情况下进行测试。

要将您的应用程序配置为使用发布方案构建，请转到 Product ? 方案 ？编辑方案。选择侧边栏中的 Run 选项卡，然后将 Build Configuration 下拉列表设置为 Release。

Answer 3

这可以从终端完成：

react-native run-ios --device "My iPhone" --configuration Release