taro3.x React Native windows环境安卓APP开发与打包

发布时间:2022-08-17 14:36

简介

使用taro3.4.11版本进行的安卓开发与打包
react-native 版本为0.67.3

开发准备

安装 Node

注意 Node 的版本应大于等于 14,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具),有些插件下载贼慢。

安装 Java SE Development Kit (JDK)

下载Java SE Development Kit (JDK)11, 一般安装.exe后缀的就行了,.zip中多加了一些文档之类的。安装后可以在命令行中输入 javac -version 查看版本

另外还需要配置环境变量,位于电脑-高级系统设置-高级-环境变量,只需要设置系统变量,用户变量可以不用管

  1. 点击新建,输入变量名(JAVA_HOME)与变量值(jdk安装路径)
    taro3.x React Native windows环境安卓APP开发与打包_第1张图片
  2. 新建CLASSPATH 变量,变量值为:.;%JAVA_HOME%\lib;
    taro3.x React Native windows环境安卓APP开发与打包_第2张图片
  3. 配置path,再最后面新建一个 %JAVA_HOME%\bin
    taro3.x React Native windows环境安卓APP开发与打包_第3张图片

安装 Android Studio

下载安装 Android Studio,具体安装和配置可以参考RN官网

安装 Taro Playground

Taro Playground 是taro官方提供的一个套壳工具方便在开发环境进行调试

创建 Github 项目

在github上创建一个项目,后续将代码上传至github,通过GitHub Actions进行CI打包

创建项目

使用命令行创建模板项目,选择React Native作为默认模板
$ taro init
taro3.x React Native windows环境安卓APP开发与打包_第4张图片

本地运行

运行yarn dev:rn,然后使用Taro Playground扫码调试

本地安卓android打包

运行命令

cd ./android
./gradlew assembleRelease

报错"Failed to install the following Android SDK packages as some licences have not been accepted" error

解决:在Android Studio中,转到Tools -> SDK Manager,转到SDK Tools选项卡,选择Android SDK Command-line Tools (latest) 并按Apply下载
taro3.x React Native windows环境安卓APP开发与打包_第5张图片

报错React Native android build failed. SDK location not found

解决:在android目录下创建一个local.properties写入Android SDK的安装地址

sdk.dir = /Users/USERNAME/Library/Android/sdk

远程打包

运行命令后,在github上点击action运行打包

cd ./android
git update-index --chmod=+x gradlew // 解决报错Gradlew: Permission denied
cd ..
git push

taro3.x React Native windows环境安卓APP开发与打包_第6张图片

参考链接

  1. https://www.react-native.cn/d...
  2. https://taro-docs.jd.com/taro...
  3. https://taro-docs.jd.com/taro...
  4. https://stackoverflow.com/que...
  5. https://stackoverflow.com/que...

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号