React-Native項目在Android真機上調試

目錄

• 1、確保你的設備已經成功連接。可以終端輸入adb devices來查看:
• 2、終端運行npm start 開啟本地服務，成功后運行react-native run-android來在設備上安裝並啟動應用
• 3、設置設備訪問開發服務器
  • 3.1 (Android 5.0及以上)使用adb reverse命令
  • 3.2 (Android 5.0以下)通過Wi-Fi連接你的本地開發服務器

React-Native項目在Android真機上調試？接下來直奔主題，通過USB將手機和電腦連接，打開手機上的USB調試。不通型號的手機可能設置方式不一樣，這里具體不在細說……

1、確保你的設備已經成功連接。可以終端輸入adb devices來查看:

$ adb devices

List of devices attached

"Your device Name" device

注意：為避免調試出現其他問題，此處只需有一台設備連接，如果模擬器打開需要關閉模擬器；

2、終端運行npm start 開啟本地服務，成功后運行react-native run-android來在設備上安裝並啟動應用

應用成果安裝后不出意外的話會提示無法連接服務器，如下圖：

出現此問題是因為我們未給手機設置訪問開發服務地，模擬器是直接訪問電腦本地服務，真機則需要我們手動配置了

3、設置設備訪問開發服務器

3.1 (Android 5.0及以上)使用adb reverse命令

1. 運行adb reverse tcp:8081 tcp:8081
2. 不需要更多配置，你就可以使用Reload JS和其它的開發選項了。

3.2 (Android 5.0以下)通過Wi-Fi連接你的本地開發服務器

1. 首先確保你的電腦和手機設備在同一個Wi-Fi環境下。
2. 在設備上運行你的React Native應用。和打開其它App一樣操作。
3. 你應該會看到一個“紅屏”錯誤提示。這是正常的，下面的步驟會解決這個報錯。
4. 搖晃設備，或者運行adb shell input keyevent 82，可以打開開發者菜單。
5. 點擊進入Dev Settings。
6. 點擊Debug server host for device。
7. 輸入你電腦的IP地址和端口號（電腦網絡IP:8081）。查看電腦IP這里就不用多說啦。
8. 回到開發者菜單然后選擇Reload JS。

備注：理想狀態下已經可以看到APP頁面了，但是，如果上面步驟都已經做好，並且電腦本地服務終端已顯示加載成功，但是APP的頁面還未加載出來，顯示白屏狀態！是我們的步驟有問題？這里並不是我們的步驟有問題，此時只需要退出正在運行的APP，重新打開即可，就可以成功加載到APP頁面啦！