步骤


  1. 1
    下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_ip地址


  2. 2
    链接完成之后,运行安装react-native项目!react-native run-android
    在运行这个命令之前,最好先开启项目运行服务,react-native start
    有的情况下,在run-android的时候,会自动开启服务,

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_ip地址_02


  3. 3
    等待安装debug版本的刚初始化的react-native项目!安装完成之后,打开模拟器中的APP,会看到一个react-native的欢迎页

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_android_03


  4. 4
    这时候一个简单的刚初始化好的APP就安装在你的模拟器当中了,然而现在并不能进行调试开发,因为还需要配置以下几个东西:1.2.记录电脑的ip地址,可以在cmd命令当中运行ipconfig查询到ip4地址,3,打开模拟器浮窗,选择device settings 找到ports设置,运行服务IP加端口,也就是查询到的IP地址加8081端口,4.设置完成后,即可打开浮窗选择reload,就刷新的APP,开发调试流程成功!
    那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_移动开发_04


  5. 5
    然后打开模拟器浮窗,选择device settings,点击之后选择debug sever host ports那一项

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_android_05

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_IP_06


  6. 6
    然后输入之前查询到的IP地址加端口号,然后确定,点击返回,打开浮窗,选择reload就可以开始调试了!

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_android_07

    如何使用模拟器调试 android framework 模拟器调试设备怎样调_ip地址_08


  7. 7
    这样,整个的模拟器调试流程,及过程就已经完成了!用IDE打开项目之后,修改了代码,直接打开浮窗,reload一下就可以看到效果了!

如果上 面的方法不行试试下来的方法

React Native 与 夜神模拟器的绑定

之前一直用真机去调试,

每回更新一次都需要手动摇晃手机后才能reload JS,

OMG,太麻烦了。

后来寻思模拟器网上推荐用Geny。。。什么的模拟器,但是那个模拟器还需要VBox一起用。

有点麻烦,然后我就下载了一个夜神模拟器。

速度很快,一点都不卡,但是模拟器系统使android 4.4版本的。有点遗憾。

好了,进入正题:

顺便说明一下我现在用的工具有关RN的,如下:

1. Microsoft VS Code:

如何使用模拟器调试 android framework 模拟器调试设备怎样调_ip地址_09

2.YeShen模拟器

3. Nodejs

4. react-native-master

React Native 与 夜神模拟器同步:

首先你需要adb连接到模拟器上。

但你怎么知道模拟器device是什么,adb devices。

直接运行adb devices那么应该什么都没有。

首先你需要启动模拟器,然后进入夜神安装目录的bin目录下。


1. $D:\ReactNative\YeShen\Nox\bin>nox_adb devices

如何使用模拟器调试 android framework 模拟器调试设备怎样调_ip地址_10

*如果没有显示device那么到任务管理器中找到NoxVMHandle.exe的PID然后再去找到对应host:port

*cmd中netstat -aon|findstr 【PID】就会显示

然后你就知道device名字了。然后你需要adb与此模拟器连接在一起。

2.$D:\adt-bundle-windows-x86\android-sdk\android-sdk\platform-tools>adb.exe connect 127.0.0.1:62001


如何使用模拟器调试 android framework 模拟器调试设备怎样调_移动开发_11

好了,连接成功了。

然后你就可以吧RN项目安装到夜神模拟器上面了($react-native run-android)。

然后我再RN项目中设置Debug Server其中server设置为127.0.0.1:8081但是还是不行。说是我没有reverse或没有connect。

后来我试了一下ipconfig中的ip地址,居然可以了。

5.$在夜神模拟器中设置(使用ipconfig中的ip地址)


如何使用模拟器调试 android framework 模拟器调试设备怎样调_移动开发_12

如果通过127.0.0.1:8081不能正常启动RN项目,那么就用真实的ip地址应该没有问题。

 如果遇到 这个错误,解决方案如下:

adb server version (32) doesn't match this client (39); killing...

查看本地的ADB版本:


1. E:\android\android-sdk-windows\platform-tools>adb version  
2. Android Debug Bridge version 1.0.39  
3. Version 0.0.1-4500957  
4. Installed as E:\android\android-sdk-windows\platform-tools\adb.exe  
5.  adb server version (32) doesn't match this client (39); killing...

原来是驱动是.39,找一个老版本的.32就行了。

百度一下:adb 1.0.32。

找一个免费的替换就行了。 

http://dl.pconline.com.cn/download/359035-1.html

如何使用模拟器调试 android framework 模拟器调试设备怎样调_移动开发_13


1. E:\android\android-sdk-windows\platform-tools>adb version  
2. Android Debug Bridge version 1.0.39  
3. Version 0.0.1-4500957  
4. Installed as E:\android\android-sdk-windows\platform-tools\adb.exe  
 adb server version (32) doesn't match this client (39); killing...


 

原来是驱动是.39,找一个老版本的.32就行了。

百度一下:adb 1.0.32。

找一个免费的替换就行了。 

http://dl.pconline.com.cn/download/359035-1.html

如何使用模拟器调试 android framework 模拟器调试设备怎样调_移动开发_13