【React Native】文件翻譯閱讀紀錄 - 指南 - 在設備上運行
 |
| Facebook Open Source React Native |
在設備上運行
在將應用程序發布給用戶之前，最好先在實際設備上測試您的應用程序。本文檔將指導您完成在設備上運行React Native應用程序並準備好進行生產的必要步驟。
如果您使用Create React Native App設置項目，則可以使用Expo應用程序掃描QR代碼，在設備上預覽應用程序。要在設備上構建和運行應用程序，您需要從“入門指南”中彈出並安裝本機代碼依賴項。
如果您使用Create React Native App設置項目，則可以使用Expo應用程序掃描QR代碼，在設備上預覽應用程序。要在設備上構建和運行應用程序，您需要從“入門指南”中彈出並安裝本機代碼依賴項。
Android 為例
在Android設備上運行您的應用
開發系統: 以 window 為例
1. 啟用USB調試
默認情況下，大多數Android設備只能安裝和運行從Google Play下載的應用。您需要在設備上啟用USB調試才能在開發期間安裝應用程序。
要在設備上啟用USB調試，首先需要啟用“開發人員選項”菜單，方法是轉到設置→關於手機，然後點擊底部的內部版本號行七次。然後，您可以返回設置→開發人員選項以啟用“USB調試”。
要在設備上啟用USB調試，首先需要啟用“開發人員選項”菜單，方法是轉到設置→關於手機，然後點擊底部的內部版本號行七次。然後，您可以返回設置→開發人員選項以啟用“USB調試”。
2. 通過USB插入設備
現在讓我們設置一個Android設備來運行我們的React Native項目。繼續，通過USB將設備插入開發機器。
現在通過運行adb設備檢查您的設備是否正確連接到ADB，即Android Debug Bridge。
現在通過運行adb設備檢查您的設備是否正確連接到ADB，即Android Debug Bridge。
$ adb devices
List of devices attached
emulator-5554 offline # Google emulator
14ed2fcc device # Physical device
在右列中查看設備表示設備已連接。您一次只能連接一台設備。
3. 運行你的應用程序
在命令提示符下鍵入以下內容以在設備上安裝和啟動應用程序：
$ react-native run-android
如果出現“網橋配置不可用”錯誤，請參閱 Using adb reverse.
提示您還可以使用React Native CLI生成並運行Release版本 (e.g.react-native run-android --variant=release).
連接到開發服務器
您還可以通過連接到開發計算機上運行的開發服務器在設備上快速迭代。有多種方法可以實現此目的，具體取決於您是否可以使用USB電纜或Wi-Fi網絡。
方法1：使用adb reverse（推薦）
如果您的設備運行Android 5.0（Lollipop）或更新版本，它可以使用此方法，它已啟用USB調試，並通過USB連接到您的開發機器。
在命令提示符中運行以下命令：
$ adb reverse tcp:8081 tcp:8081
您現在可以從“開發人員”菜單啟用實時重新加載。只要您的JavaScript代碼發生變化，您的應用就會重新加載。
方法2：通過Wi-Fi連接
您還可以通過Wi-Fi連接到開發服務器。您首先需要使用USB電纜在設備上安裝應用程序，但一旦完成，您可以按照這些說明進行無線調試。在繼續之前，您需要開發機器的當前IP地址。
打開命令提示符並鍵入 ipconfig 以查找計算機的IP地址 (more info).
打開命令提示符並鍵入 ipconfig 以查找計算機的IP地址 (more info).
- 確保您的筆記本電腦和手機位於同一Wi-Fi網絡上。
- 在您的設備上打開您的React Native應用程序。
- 你會看到一個錯誤的紅色屏幕。還行吧。以下步驟將解決這個問題。
- 打開應用內開發者菜單。
- 轉到開發設置→調試服務器主機以獲取設備。
- 鍵入計算機的IP地址和本地開發服務器的端口（例如10.0.1.1:8081）。
- 返回Developer菜單並選擇Reload JS。
您現在可以從“開發人員”菜單啟用實時重新加載。只要您的JavaScript代碼發生變化，您的應用就會重新加載。
構建應用程序以進行生產
您已經使用React Native構建了一個出色的應用程序，現在您想要在Play商店中發布它。該過程與任何其他原生Android應用程序相同，需要考慮一些其他注意事項。按照指南生成已簽名的APK以了解更多信息。
0 意見