android studio虚拟机运行react-native项目全流程(避坑笔记)

前言

年终了,给自己换了台r9000p,快乐还没享受呢,想着要先把原来电脑的环境和项目重新配置过来,开始崩溃了。

公司的项目是rn的,我就配个android studio的虚拟机,给我配出心理疾病了,到处都是问题解决一个又来一个。

做了流程,防止还有下一次,如果没有入坑过的可以试试全程下来,应该会少很多问题。

安装android studio

  1. 安装包我就不放了,联想可以直接在商城安装。
  2. 用之前确保电脑环境有jdk环境,版本不要太高,我用高版本出问题了,下载了8的版本:jdk-8u231,这是考虑部分rn项目版本比较低,如果rn版本>6.4,可能需要更高的jdk版本,这个需要查询一下rn需要的jdk版本,然后建议在电脑上多安装几个jdk版本随时切换。
  3. 最好不要默认安装,有需要配置时都选择Custom自定义,也可以跳过,我们自己配置sdk manager。
  4. 随便创建一个项目进入android studio。

配置环境变量

  1. 找一个放Sdk的文件夹,比如我放在D:\Dev\Sdk路径中绝对不可以带中文
  2. 新建系统变量
    1. ANDROID_HOMED:\Dev\Sdk
    2. ANDROID_SDK_HOMED:\Dev\Sdk
  3. 新建path变量
    1. %ANDROID_HOME%\emulator
    2. %ANDROID_HOME%\tools
    3. %ANDROID_HOME%\tools\bin
    4. %ANDROID_HOME%\platform-tools

配置sdk manager

  1. 重启android studio,以防万一,一定要重启。

  2. 选择tools - SDK manager
    在这里插入图片描述

  3. Android Sdk Location右边有一个Edit,点进去,选择我们环境配置的Sdk目录位置,然后安装内容即可,安装完记住自己安装的SDK Platforms是什么API Level
    在这里插入图片描述

  4. 推荐安装这个
    在这里插入图片描述

  5. 安装完后选择tools - AVD manager
    在这里插入图片描述

  6. 创建带谷歌标志的虚拟机。
    在这里插入图片描述

  7. 注意,选择系统时一定要找到我们对应SDK Platforms API Level的系统,我在这里摔了跟头。
    在这里插入图片描述

  8. 创建完直接启动,不管报什么错误,无所谓,启动好了之后,我们去控制台输入adb devices,看到以下内容,就成功了。

    C:\Users\user>adb devices
    List of devices attached
    emulator-5554   device
    

启动rn项目问题记录

问题

  1. Failed to install the following Android SDK packages as some licences

解决:

  1. cmd,cd进入Sdk文件夹里的tools/bin,以我的目录就是D:\Dev\Sdk\tools\bin
  2. 执行 sdkmanager --licenses,一路输入y并回车。
    D:\Dev\Sdk\tools\bin>sdkmanager --licenses
    

问题

  1. Could not find build of variant which supports xxxx and an ABI in x86或x86_64 ....

解决:

  1. 进入rn项目,android\app\build.gradle
  2. 找到如下位置内容,你可能需要重新安装对应的AVD manager,ABI需要支持。
    在这里插入图片描述

问题

  1. emulator-5554 unauthorized

解决

  • 新建虚拟机时会让你进行授权,如果很久以前授权成功,但是后面因为环境问题发现又显示未授权了,需要将sdk\.android目录下的adbkeyadbkey.pub复制到C:\用户\User\.android目录下覆盖。
$ adb kill-server
$ adb start-server

写一个bat脚本直接启动虚拟机

  1. 如果我们不用android studio开发,我们只是使用它的虚拟机,那我们没必要每次都得启动android studio。

  2. 我们新建记事本,写入以下内容,下面Pixel_xxxx就是你创建的avd中的虚拟机的名称。

    @echo off
    title 手机虚拟机
    emulator.exe -netdelay none -netspeed full -avd Pixel_xxxx
    
  3. 然后出来把记事本改成启动手机虚拟机.bat,以后就可以点击该脚本启动虚拟机啦。

  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
RNPolymerPo 是一个基于 React Native 的生活类聚合实战项目,目前由于没有 MAC 设备,所以没有适配 iOS,感兴趣的可以自行适配 app 目录下相关 JS 代码即可。 获取代码与编译调试打包 如下所有步骤及说明均为 React Native Android 的 DIY,涉及命令均为 Ubuntu 环境,Windows 类推即可。 1. 获取代码及模块安装和签名配置 执行如下命令进行代码下载及模块安装: $ git clone https://github.com/yanbober/RNPolymerPo.git $ cd RNPolymerPo $ npm install //如果觉得慢可以先切换到国内 npm 镜像源再执行此命令 配置 Gradle 个人签名路径及属性: //1. 把你个人的签名 my-release-key.keystore 文件(不知道如何生成请自行搜索)放到 RNPolymerPo 工程的 android/app 文件夹下。 //2. 编辑工程的 gradle.properties 文件,添加如下的代码(注意把其中的****替换为你自己相应密码)。 MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=***** MYAPP_RELEASE_KEY_PASSWORD=***** 2. 编译打包 APK 文件 编译生成在线快速调试 Debug 开发包,执行如下命令: $ adb reverse tcp:8081 tcp:8081 $ react-native start //开启本地 JS 服务 $ react-native run-android //新终端的 RNPolymerPo 目录下执行 编译生成 release 包,执行如下命令: $ cd android && ./gradlew assembleRelease 拓展规划 下一个版本准备做的事情: 兼容性处理; 夜间模式; 热修复及 PHP 服务端编写; 多语言切换等问题评估;

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

在下月亮有何贵干

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值