关于前端:taro3x-React-Native-windows环境安卓APP开发与打包

3次阅读

共计 1312 个字符,预计需要花费 4 分钟才能阅读完成。

简介

应用 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 装置门路)
  2. 新建 CLASSPATH 变量,变量值为:.;%JAVA_HOME%\lib;
  3. 配置 path, 再最初面新建一个 %JAVA_HOME%\bin

装置 Android Studio

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

装置 Taro Playground

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

创立 Github 我的项目

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

创立我的项目

应用命令行创立模板我的项目,抉择 React Native 作为默认模板
$ taro init

本地运行

运行 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 下载

报错 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

参考链接

  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…
正文完
 0