1. 程式人生 > >react native 開發的app在安卓裝置上執行

react native 開發的app在安卓裝置上執行

前提條件:USB除錯

你需要開啟USB除錯才能在你的裝置上安裝你的APP。首先,確定你已經開啟裝置的USB除錯開關

確保你的裝置已經成功連線。可以輸入adb devices來檢視:

$ adb devices
List of devices attached
emulator-5554 offline   # Google模擬器
14ed2fcc device         # 真實裝置

在右邊那列看到device說明你的裝置已經被正確連線了。注意,你只應當連線僅僅一個裝置。

譯註:如果你連線了多個裝置(包含模擬器在內),後續的一些操作可能會失敗。拔掉不需要的裝置,或者關掉模擬器,確保adb devices

的輸出只有一個是連線狀態。

現在你可以執行react-native run-android來在裝置上安裝並啟動應用了。

譯註:在真機上執行時可能會遇到白屏的情況,請找到並開啟懸浮窗許可權。比如miui系統的設定在此處

從裝置上訪問開發伺服器。#

在啟用開發伺服器的情況下,你可以快速的迭代修改應用,然後在裝置上檢視結果。按照下面描述的任意一種方法來使你的執行在電腦上的開發伺服器可以從裝置上訪問到。

注意

大部分現代的安卓裝置已經沒有了硬體"Menu"按鍵,這是我們用來調出開發者選單的。在這種情況下你可以通過搖晃裝置來開啟開發者選單(重新載入、除錯,等等……)

(Android 5.0及以上)使用

adb reverse命令#

注意,這個選項只能在5.0以上版本(API 21+)的安卓裝置上使用。

首先把你的裝置通過USB資料線連線到電腦上,並開啟USB除錯(關於如何開啟USB除錯,參見上面的章節)。

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

(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地址和埠號(譬如10.0.1.1:8081)。在Mac上,你可以在系統設定/網路裡找查詢你的IP地址。在Windows上,開啟命令提示符並輸入ipconfig來查詢你的IP地址。在Linux上你可以在終端中輸入ifconfig來查詢你的IP地址。
  8. 回到開發者選單然後選擇Reload JS