windows + Android

Node+Git+Yarn

JDK11

  1. javac -version
  2. javac 11.0.15.1

Scrcpy 手机模拟器下载安装

Android Studio下载安装

1653552833(1).png

Android SDK 下载安装

安装 android sdk
1653552699(1).png
1653552989(1).png
e584ee281767caf87eedb03b19057ee.png
8ac583706d4c7d3240a39a91d7f2592.png
02901b48021ac44ba86aa0bb8c51908.png

环境变量配置

image.png
Path 配置:
284e355b4df4fc46d24ed239faf2714.png

连接手机
开发者选项设置
电脑端查看连接设备

  1. adb devices
  2. List of devices attached
  3. 8TFDU18719000649 device

安装 React Native

  1. npm i react-native-cli -g
  2. $ react-native -v
  3. react-native-cli: 2.0.1
  4. react-native: n/a - not inside a React Native project directory

初始化项目

  1. npx react-native init AwesomeProject

运行项目安装软件到安卓机

1、先 用数据线连接手机和电脑,运行scrcpy 软件

开发者选项配置修改,最终实现在电脑上可以投屏手机,并可以在电脑上操控手机

2、打开 android studio 编辑器,运行项目

  1. npm run android
  2. -------------------
  3. cd AwesomeProject
  4. yarn android
  5. # 或者
  6. yarn react-native run-android

运行的时候会在手机上弹窗 “是否统一安装软件”之类的提示,点击同意即可
8fbccc19657fe40c72e55b06c146da7.png
c65f5d9a47f4fc143eaff589bb6595c.jpg

adb reverse 命令使用

adb 文档
image.png
猜测是多设备连接受影响了,可以尝试重启手机解决
也可以尝试如下步骤: 启停 adb 服务器

在某些情况下,您可能需要终止 adb 服务器进程,然后重启以解决问题(例如,如果 adb 不响应命令)。 如需停止 adb 服务器,请使用 adb kill-server 命令。然后,您可以通过发出其他任何 adb 命令来重启服务器。

  1. adb kill-server
  2. adb start-server
  3. adb reverse tcp:8081 tcp:8081

1、作用

  1. adb reverse tcp:8081 tcp:8081

这条命令的意思是,Android允许我们通过ADB,把Android上的某个端口映射到电脑(adb forward),或者把电脑的某个端口映射到Android系统(adb reverse),在这里假设电脑上开启的服务,监听的端口为8081。Android手机通过USB连接电脑后,在终端直接执行adb reverse tcp:8081 tcp:8081,然后在手机中访问127.0.0.1:8081,就可以访问到电脑上启动的服务了。
注意

  1. 必须是在连接数据线usb的前提下才能使用该方案进行代码调试。
  2. (Android 5.0 及以上)使用 adb reverse 命令,这个选项只能在 5.0 以上版本(API 21+)的安卓设备上使用。