• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

React Native项目实机调试

武飞扬头像
皛心
帮助1

Linux开发平台与安卓实机互联

安卓实机相关设置

开通USB调试

“系统管理”-“开发者选项”,打开下列选项:

  • 开发者选项
  • USB调试

应用安装设置

“安全与隐私”-“更多安全设置”,“应用安装”里面打开临关闭时下列选项:

  • 禁止安装恶意应用
  • 安装非官方应用商店应用需身份验证

Linux开发平台设置

安装安卓开发包

sudo apt install  android-sdk-platform-tools-common

添加及设置用户组

注意:执行sudo groupadd plugdev给当前用户增加用户组会导致该用户失去sudo权限!解决方法有2条,用其中一个即可:

  • 在执行前先执行sudo chattr i /etc/sudoers,让sudoers文件不能修改。执行完毕后再执行’sudo chattr -i /etc/sudoers’
  • 多开一个终端窗口执行sudo vim /etc/sudoers,在root ALL=(ALL) ALL后面增加一行“你的用户名” ALL=(ALL) ALL,执行完增加用户组后,再存盘退出vim。
sudo groupadd plugdev
sudo usermod -a -G plugdev $(id -u -n)
sudo chattr  i /etc/sudoers
usermod -G plugdev 你自己的用户名

设置手机配置信息

首先确保手机和电脑通过USB线互联,手机上连接模式选“仅充电”。然后执行下面的命令,并认真查看自己手机设备ID。

lsusb

请注意查看手机信息,找到类似下面的这行内容:

Bus 002 Device 003: ID 前4位:后4位 vivo iQOO Neo 855竞速版

再编辑配置文件:

cd /etc/udev/rules.d/
vim android.rules

内容可以复制下面的模板,然后做少量修改:

SUBSYSTEM=="usb",ATTRS{idVendor}=="前4位",ATTRS{idProduct}=="后4位",MODE="0666",GROUP="plugdev",SYMLINK ="android",SYMLINK ="android_adb"

请注意“前4位”和“后4位”,这2个地方改成自己手机的id对应的内容!现在安装过程基本结束,直接重启一下电脑。

查看连接状态

adb devices

如果提示如下,那么表示你的安卓手机与linux系统已经成功连接:

List of devices attached
一串数字        device

如果提示信息有unauthorized时,如下内容:

List of devices attached
ad5b342b unauthorized

请留意解锁手机,看看手机上有没有弹窗,弹窗内容要求你确认与电脑进行互联。勾选确认即可让手机和电脑互联成功!如果没有弹窗,请关闭USB调试,过一会再打开,应该会出现弹窗。

测试项目

创建测试React native项目建议使用Expo,官方文档资料非常详细,不过是纯英文的。

安装expo-cli

npm install --location=global expo-cli

初始化项目

expo init myApp

学新通

运行项目

确保手机和linux互联互通,然后运行下列指令:

cd myApp
expo start

学新通

注意:看到如上图的画面后按a,此时你的手机会被装入一个App,名字是“Expo Go”,打开它,里面有“Scan QR code”选项,点击后扫上面的码,就可以实机调试React Native项目了。此时用VsCode打开该项目,编辑代码,手机屏幕上会实时更新画面。
学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgikeck
系列文章
更多 icon
同类精品
更多 icon
继续加载