1. 程式人生 > 實用技巧 >react-native上手之環境搭建及連線模擬器

react-native上手之環境搭建及連線模擬器

使用react-native建立應用app,環境搭建很重要。我使用的是夜神模擬器進行模擬。

環境搭建

1.安裝java jdk

(1)官網下載java jdk安裝包,傻瓜式安裝,下一步 下一步

 (2)配置環境變數

  1. 修改環境變數,新增JAVA_HOME的系統環境變數,值為C:\Program Files (x86)\Java\jdk1.8.0_112,也就是安裝JDK的根目錄
  2. 修改系統環境變數Path,在Path之後新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  3. 新建系統環境變數CLASSPATH,值為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
  4. 儲存所有的系統環境變數,同時退出系統環境變數配置視窗,
  5. 重啟電腦
  6. 然後執行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環境

  1. 注意:安裝Python時候,只能安裝2.×的版本,注意勾選安裝介面上的Add Python to path,這樣才能自動將Python安裝到系統環境變數中;
  2. 安裝完畢之後,可以在命令列中執行python,檢查是否成功安裝了python。

6. 安裝安卓環境

  1.官網下載安卓android-studio-ide-183.5692245-windows並安裝,開啟bin目錄下的studio.exe,雙擊執行安裝android studio

  2.配置環境變數

  1. 修改環境變數,新增ANDROID_HOME的系統環境變數,值為D:\develop\android_studio,也就是安裝sdk的根目錄
  2. 修改系統環境變數Path,在Path之後新增%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
  3. 修改系統環境變數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