taro3.x|taro3.x React Native windows环境安卓APP开发与打包
简介
使用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 查看版本
另外还需要配置环境变量,位于电脑-高级系统设置-高级-环境变量,只需要设置系统变量,用户变量可以不用管
- 点击新建,输入变量名(JAVA_HOME)与变量值(jdk安装路径)
文章图片
- 新建CLASSPATH 变量,变量值为:
.; %JAVA_HOME%\lib;
文章图片
- 配置path,再最后面新建一个
%JAVA_HOME%\bin
文章图片
下载安装 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
【taro3.x|taro3.x React Native windows环境安卓APP开发与打包】解决:在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
文章图片
参考链接
- https://www.react-native.cn/d...
- https://taro-docs.jd.com/taro...
- https://taro-docs.jd.com/taro...
- https://stackoverflow.com/que...
- https://stackoverflow.com/que...
推荐阅读
- React中的useId
- [React]|[React] vite2 + react17 + ts4 项目初始化遇到的问题解决
- 关于react+antd样式不生效问题的解决方式
- 搞懂react类组件中的this指向
- 混合开发的大趋势之一React|混合开发的大趋势之一React Native之页面跳转
- 使用reactjs优化了进度条页面性能提高70%
- 实现React过程中一次有趣的问题排查经历
- React|React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发
- react|react项目http-proxy-middleware跨域问题
- Vue3中响应式原理reactive模拟实现