在沒有服務器的設備上 React Native 運行的應用程序

Question

令人難以置信的是，React Native 的文檔有多糟糕，他們只是盡可能少地介紹所有內容。 我已經設法使用選項 1 運行我的應用程序，但選項 2 更加不清楚： https : //facebook.github.io/react-native/docs/running-on-device-ios.html

我不知道沒有完整的終端命令 react-native bundle 示例，所以我知道那里實際需要什么。 例如 --entry-file <path>什么路徑？ 從我的硬盤驅動器根目錄到此文件夾的整個路徑，還是僅文件本身？ --bundle-output....? 我到底需要為此付出什么？ 我不知道為什么他們需要把它弄得這么不清楚。

我很驚訝網上沒有其他資源可以更清楚地提供說明。 我想這就是應用商店中沒有那么多 React Native 應用的原因。

Answer 1

我希望您也發現這是一種更簡單的方法。 在下面的示例中，我的應用程序名為BleMobileApp 。 隨意將其更改為您的應用程序名稱。

在沒有調試服務器的設備上運行應用程序

1. 復制主部署目標並將其命名為BleMobileApp-Deploy 。

2. 確保刪除BleMobileApp-Deply的Build settings的DEBUG=1標志（不要觸摸原始目標BleMobileApp ！）

3. 將New Run Script Phase添加到BleMobileApp-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，因此您可以將應用程序放在設備上並在未連接到計算機的情況下進行測試。

要配置要使用發布方案構建的應用程序，請轉到產品 → 方案 → 編輯方案。 選擇側邊欄中的 Run 選項卡，然后將 Build Configuration 下拉列表設置為 Release。

Answer 3

這可以從終端完成：

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

Answer 4

我能找到的最好方法，
只需按照下面的步驟

• 產品 → 方案 → 編輯方案
• 選擇邊欄中的“運行”選項卡
• 構建配置下拉列表以Release

有時會啟動 Metro bundle，可能是 IOS 中的錯誤，但您可以關閉它

請看附件截圖