react-native上手之环境搭建及连接模拟器 - Diamond_xx

Z时代
2024-01-10
分类：综合

react

react-native上手之环境搭建及连接模拟器

使用react-native创建应用app，环境搭建很重要。我使用的是夜神模拟器进行模拟。

环境搭建

1.安装java jdk

（1）官网下载java jdk安装包，傻瓜式安装，下一步下一步

　（2）配置环境变量

修改环境变量，新增JAVA_HOME的系统环境变量，值为C:\Program Files (x86)\Java\jdk1.8.0_112，也就是安装JDK的根目录

修改系统环境变量Path，在Path之后新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

新建系统环境变量CLASSPATH，值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

保存所有的系统环境变量，同时退出系统环境变量配置窗口，

重启电脑

然后运行cmd命令行工具，输入java -version，就表示配置成功！

2. 安装Node.js环境

　　注意：需要安装最新的长期稳定版本，不要实验版本；安装完毕之后的node.js会自动配置到全局系统环境变量中安装完毕后，可以输入node -v查看node版本号；

3. 安装C++环境

　　大多数情况下操作系统自带C++环境，不需要手动安装C++环境；如果运行报错，则需要手动安装visual studio中的C++环境；

4. 安装Git环境

　　Git安装完毕后，会自动配置到系统环境变量中；可以通过运行git --version来检查是否正确安装和配置了Git的环境变量；

5. 安装Python环境

注意：安装Python时候，只能安装2.×的版本，注意勾选安装界面上的Add Python to path，这样才能自动将Python安装到系统环境变量中；

安装完毕之后，可以在命令行中运行python，检查是否成功安装了python。

6. 安装安卓环境

　　1.官网下载安卓android-studio-ide-183.5692245-windows并安装，打开bin目录下的studio.exe，双击运行安装android studio

　　2.配置环境变量

修改环境变量，新增ANDROID_HOME的系统环境变量，值为D:\develop\android_studio，也就是安装sdk的根目录

修改系统环境变量Path，在Path之后新增%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

修改系统环境变量Path，在Path之后新增D:\develop\android_studio\platform-tools（android studio所安装目录，adb.exe 所在文件夹）

　　或者直接将D:\develop\android_studio\platform-tools 文件夹下面的三个文件直接复制到c盘

7.使用夜神模拟器连接react native项目

　　1.打开命令行连接模拟器

　　　　连接夜神模拟器
　　　　adb.exe connect 127.0.0.1:62001 （夜神的端口号）
　　　　返回
　　　　connected to 127.0.0.1:62001 说明连接成功！！！！

　　2.运行项目

　　react-native run-android

　　可能会报错：

1. 关于android sdk 某些包没有安装 =》我的解决办法就是打开android studio 新建一个项目并运行连接模拟器判断是哪里的问题，中间可能会提醒某些包需要安装，同意安装即可。

2.网络不好的情况下，也有可能启动不成功

说明项目运行成功，直接在模拟器上查看运行效果

点击模拟器上边摇一摇，配置ip地址

输入是输入ip 和端口号

到这里就结束了
再点击模拟器的摇一摇

修改代码之后，摇一摇，点击reload，即可看到修改的效果。

模拟器名称                      端口号
-------------------------------------
逍遥游                               21503
夜神模拟器                         62001
海马玩模拟器                   26944
网易mumu模拟器             7555
天天模拟器                      6555
BlueStacks                         5555
雷电安卓模拟器                5555
天天安卓模拟器                5037
安卓模拟器大师                54001
Genymotion                   5555
======================
连接命令： adb.exe connect 127.0.0.1:21503
=====================
其他：

adb.exe devices(查看设备连接情况)
adb kill-server
adb start-server
adb remount

netstat 这个命令也能获得端口号
netstat |findstr 127.0.0.1(用这个直接输出需要的几行）
常用adb操作
1、如何把电脑上的文件或文件夹传到模拟器里面？
adb push D:/1.avi /mnt/avi/

2、如何把模拟器里面的文件或文件夹传到电脑上？
adb pull /mnt/avi/sex.avi D:/avi/

3、安装APK
adb install d:\\qq.apk

4、卸载APK
adb uninstall 包名
比如卸载QQ：adb uninstall com.tencent.mobileqq

5、PM包命令
1）获取模拟器所有包名
adb shell pm list packages

2）获取模拟器所有包名并且包括APK路径
adb shell pm list packages -f

3）获取包名对应的APK路径
adb shell pm path packageName

4）清理应用数据
adb shell pm clear packageName

6、启动应用
adb shell am start -n 包名/Activity类名

例子：启动应用宝：
adb shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

指定模拟器启动动应用宝：
adb -s 127.0.0.1:5555 shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

7、关闭应用
adb shell am force-stop 包名

8、模拟输入
adb shell input text 字符串(不支持中文)

9、模拟按键
adb shell input keyevent 键值

10、模拟鼠标点击
adb shell input tap X Y

11、模拟鼠标滑动
adb shell input swipe X1 Y1 X2 Y2

12、截屏
adb shell screencap -p /sdcard/screencap.png