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
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