react native配置ip真機測試


首先保證真機和pc 保證在同一個網絡下

根據紅色錯誤判斷自己是什么情況
例如 提示無法連接遠程服務,說明你的不在同一網絡下

提示500 可能配置的ip不對

設置ip方法

搖晃手機 ---> Dev Settings ---> debug server host & port for device

然后輸入你的ip 和端口號
例如:

192.168.1.18:8081 
對於iOS真機來說,需要打開 [`RCTWebSocketExecutor.m`](https://github.com/facebook/react-native/blob/master/Libraries/WebSocket/RCTWebSocketExecutor.m)文件,然后將其中的"localhost"改為你的電腦的IP地址,最后啟用開發者菜單中的"Debug JS Remotely"選項。 對於Android 5.0+設備(包括模擬器)來說,將設備通過USB連接到電腦上后,可以使用[`adb`命令行工具](http://developer.android.com/tools/help/adb.html)來設定從設備到電腦的端口轉發: `adb reverse tcp:8081 tcp:8081` 如果設備Android版本在5.0以下,則可以在開發者菜單中選擇"Dev Settings - Debug server host for device",然后在其中填入電腦的”IP地址:端口“。 
  RCTWebSocketExecutor.m文件修改 localhost 為react-native 的 server 的ip------本機 ip 地址(確保手機能連到本機春地址)

 
image.png

iOS 項目加載資源包為遠程資源(本機ip react-native服務提供的資源包)


 
image.png

運行程序

搖一搖

選擇remote js debugging
然后瀏覽器輸入 http://localhost:8081/debugger-ui/ 地址 (官網說的),但是我得輸入ip 才可以。

然后就可以在 console 看日志了



轉發鏈接:https://www.jianshu.com/p/620ea3fe1f25

鏈接:https://www.jianshu.com/p/4bcdfa43d588


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM