react native连接mysql_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