zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    【Linux】命令——基本命令
    正则表达式
    Letex
    Markdown
    文本编辑器Vim
    【Linux】集群
    【Linux】软件安装
    共线性synteny
    windows触控手势
    【Linux】bin结尾的安装包
  • 原文地址:https://www.cnblogs.com/itgezhu/p/11128203.html
Copyright © 2011-2022 走看看