UNI-APP 打包构建 APK

smallseapig2024-08-30 3:08

UNI-APP 打包构建 APK

前言

一、WINDOWS（在线 - 纯命令版）

依赖

  • HbuilderX 编辑器（根目录自带 CLI）

其他前置准备

  • 登录 HbuilderX 的 DCloud 账号

实现原理

  • 利用 RPC 调用 HbuilderX 编辑器的功能
  • 相当于手动打开 HbuilderX 并触发"发行"功能，所以极度依赖 WINDOWS 的图形化界面

操作步骤

  1. 编写配置文件，放在项目根目录即可^1^
json 复制代码 
// hxconfig.json

{
    //项目名字或项目绝对路径
    "project": "project-name",
    //打包平台 默认值android  值有"android","ios" 如果要打多个逗号隔开打包平台
    "platform":"android",
    //是否使用自定义基座 默认值false  true自定义基座 false自定义证书
    "iscustom": false,
    //打包方式是否为安心打包默认值false,true安心打包,false传统打包
    "safemode": true,
    //android打包参数
    "android": {
      //安卓包名
      "packagename":"com.company.www",
      //安卓打包类型 默认值0 0使用自有证书 || 1使用公共证书 || 2使用老版证书 || 3使用云端证书
      "androidpacktype":"0",
      //安卓使用自有证书自有打包证书参数
      //安卓打包证书别名,自有证书打包填写的参数
      "certalias":"test",
      //安卓打包证书文件路径,自有证书打包填写的参数
      "certfile":"C:/Users/15770/Desktop/project/test-store.keystore",
      //安卓打包证书密码,自有证书打包填写的参数
      "certpassword":"cert-pwd",
      //安卓平台要打的渠道包 取值有"google","yyb","360","huawei","xiaomi","oppo","vivo"，如果要打多个逗号隔开
      "channels":""
    },
    //是否混淆 true混淆 false关闭
    "isconfusion":false,
    //开屏广告 true打开 false关闭
    "splashads":false,
    //悬浮红包广告true打开 false关闭
    "rpads":false,
    //push广告 true打开 false关闭
    "pushads":false,
    //加入换量联盟 true加入 false不加入
    "exchange":false
}
  1. 添加 CLI 的环境变量
  2. 执行以下前 3 条命令即可完成打包
cmd 复制代码 
# 1. 打开 HbuilderX
cli open

# 2. 打开项目（由于 cli 所在的位置不是项目路径，所以基于 cli 的命令只能用绝对路径，以下同理）
cli project open --path C:/Users/15770/Desktop/project

# 3. 读取配置文件进行打包
cli pack --config C:/Users/15770/Desktop/project/hxconfig.json

# 4. 关闭项目
cli project close --path C:/Users/15770/Desktop/project
  1. 最终效果如图，路径project\dist\release\apk

二、WINDOWS（离线 - Android Studio 版）

依赖（首次构建需要联网安装依赖）

  • 【可选】Chocolatey（Software Management for Windows）：这是 WINDOWS 软件包管理工具，在本文中的唯一作用就是为下面的工具包提供方便的安装途径
  • 【必选 1/5 】JDK：可用JDK 13（手动安装）
  • 【必选 2/5 】Gradle：可用Gradle 6.5，核心工具，用途类似maven（可以通过 AS 自动拉取）
  • 【必选 3/5 】gradle-plugin：可用com.android.tools.build:gradle:4.1.1（可以通过 AS 自动拉取）
  • 【可选】Android SDK：主要提供sdkmanager命令执行的环境（可以通过 AS 自动拉取）
    • 【必选 4/5 】android：可用platforms;android-30，开发者可以根据需要下载和安装不同的平台版本，以便为特定版本的 Android 系统开发和测试应用。包含了该版本的 Android 核心库、资源和 API，确保应用能够使用该版本特有的功能
    • 【必选 5/5 】build-tools：可用build-tools;30.0.3，用于构建和打包 Android 应用的工具集合。这些工具包括编译器、打包工具等，帮助开发者将应用的源代码转换成可以在设备或模拟器上运行的 APK 或 AAR 文件

其他前置准备

  • 制作 Android 的项目模板，请参照《第五章：Android 项目模板制作》

实现原理

  • 通过 Android Studio 图形化界面构建 APK

操作步骤

  1. 安装 Chocolatey CLI【可自行选择其他方式安装依赖】
cmd 复制代码 
# 使用 cmd 进行安装，直接在小黑窗中执行以下命令
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
  1. 基于 choco 安装 JDK（五大核心依赖之一：JDK）
cmd 复制代码 
choco install openjdk13
# 所在路径 C:\Program Files\OpenJDK\jdk-13.0.2
  1. 使用 Android Studio 打开《第五章：Android 项目模板制作》创建的模板，并配置好SDK（五大核心依赖之二：android & build-tools）
  1. 打开设置，修改指定版本的JDK
  1. 点击构建项目，构建成功后继续生成 APK，按以下步骤选择和填充信息即可，这一步依赖于前面的准备工作，并且会联网拉取最终的两个依赖（五大核心依赖之二：Gradle & gradle-plugin）
  1. 最终效果如图，路径HBuilder-Integrate-AS\simpleDemo\release

三、WINDOWS（离线 - 纯命令版）

依赖

  • 【可选】Chocolatey（Software Management for Windows）：这是 WINDOWS 软件包管理工具，在本文中的唯一作用就是为下面的工具包提供方便的安装途径
  • 【必选 1/5 】JDK：可用JDK 13（手动安装）
  • 【必选 2/5 】Gradle：可用Gradle 6.5，核心工具，用途类似maven（可以通过代码自动拉取）
  • 【必选 3/5 】gradle-plugin：可用com.android.tools.build:gradle:4.1.1（可以通过代码自动拉取）
  • 【可选】Android SDK：主要提供sdkmanager命令执行的环境（手动安装，并在local.properties指定SDK路径）
    • 【必选 4/5 】android：可用platforms;android-30，开发者可以根据需要下载和安装不同的平台版本，以便为特定版本的 Android 系统开发和测试应用。包含了该版本的 Android 核心库、资源和 API，确保应用能够使用该版本特有的功能
    • 【必选 5/5 】build-tools：可用build-tools;30.0.3，用于构建和打包 Android 应用的工具集合。这些工具包括编译器、打包工具等，帮助开发者将应用的源代码转换成可以在设备或模拟器上运行的 APK 或 AAR 文件

其他前置准备

  • 制作 Android 的项目模板，请参照《第五章：Android 项目模板制作》

实现原理

  • 通过 windows 的gradlew脚本处理构建 APK

操作步骤

  1. 安装 Chocolatey CLI【可自行选择其他方式安装依赖】
cmd 复制代码 
# 使用 cmd 进行安装，直接在小黑窗中执行以下命令
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
  1. 基于 choco 安装 JDK（五大核心依赖之一：JDK）
cmd 复制代码 
choco install openjdk13
# 所在路径 C:\Program Files\OpenJDK\jdk-13.0.2
  1. 基于 choco 安装 Gradle（五大核心依赖之一：Gradle）
cmd 复制代码 
choco install gradle
# 所在路径 C:\ProgramData\chocolatey\bin
  1. 基于 choco 安装 Android SDK
cmd 复制代码 
choco install android-sdk
# 所在路径 C:\Android\android-sdk
  1. 基于 android-sdk 安装 androd：sdkmanager "platforms;android-30"（五大核心依赖之一：androd）
  2. 基于 android-sdk 安装 build-tools：sdkmanager "build-tools;30.0.3"（五大核心依赖之一：build-tools）
  3. cd 进入《第五章：Android 项目模板制作》创建的模板，在根目录HBuilder-Integrate-AS执行以下命令
  • gradlew assembleRelease
  1. 最终效果如图，路径HBuilder-Integrate-AS\simpleDemo\build\outputs\apk\release

四、LINUX（离线 - 纯命令版）

依赖（以下各工具版本相互依赖）^2^

  • 【必选 1/5 】JDK：可用JDK 17（手动安装）
  • 【必选 2/5 】Gradle：可用Gradle 7.5，核心工具，用途类似maven（可以通过代码自动拉取）
  • 【必选 3/5 】gradle-plugin：可用com.android.tools.build:gradle:7.4.2（可以通过代码自动拉取）
  • 【可选】Android SDK：主要提供sdkmanager命令执行的环境（手动安装，并在local.properties指定SDK路径）
    • 【必选 4/5 】android：可用platforms;android-30，开发者可以根据需要下载和安装不同的平台版本，以便为特定版本的 Android 系统开发和测试应用。包含了该版本的 Android 核心库、资源和 API，确保应用能够使用该版本特有的功能
    • 【必选 5/5 】build-tools：可用build-tools;30.0.3，用于构建和打包 Android 应用的工具集合。这些工具包括编译器、打包工具等，帮助开发者将应用的源代码转换成可以在设备或模拟器上运行的 APK 或 AAR 文件

其他前置准备

  • 制作 Android 的项目模板，请参照《第五章：Android 项目模板制作》

实现原理

  • 通过 linux 的gradlew脚本处理构建 APK

操作步骤

步骤一：安装 JDK 17【可自行选择其他方式安装依赖】

  1. 下载 JDK 压缩包
  1. 上传到服务器后解压缩到指定文件夹，cd 到对应目录后执行命令tar -zxvf jdk-17_linux-x64_bin.tar.gz -C /usr/lib/
  1. 配置环境变量
bash 复制代码 
# 编辑环境变量
vim ~/.bashrc

# 刷新环境变量（生效）
source ~/.bashrc

# 确认环境变量是否生效（看清楚只有一个横杆）
java -version
bash 复制代码 
# vim ~/.bashrc 编辑环境变量参考内容
# JAVA
export JAVA_HOME=/usr/lib/jdk-17.0.12

# PATH
export PATH=$JAVA_HOME/bin:$PATH
  1. 确认环境变量是否生效

步骤二：下载 Gradle 7.5，上传到服务器

  1. 下载 Gradle 7.5，创建文件夹存储 gradle
bash 复制代码 
mkdir /Android/gradle -p

步骤三：安装 SDK 环境

  1. 从 Android Studio 的官方网站下载sdkmanager的命令行工具，上传到服务器
  1. 解压缩命令行工具^3^
bash 复制代码 
# 安装 zip 格式解压缩工具
apt install unzip

# 解压缩到指定文件夹
unzip commandlinetools-linux-11076708_latest.zip -d /Android/sdk
  1. 修改SDK目录结构^4^
bash 复制代码 
cd /Android/sdk/cmdline-tools/
mkdir latest
mv !(latest) latest/
  1. 修改后的目录结构如图
  1. 安装platforms;android-30
bash 复制代码 
cd /Android/sdk/cmdline-tools/latest/bin/
./sdkmanager "platforms;android-30"
  1. 安装build-tools;30.0.3
bash 复制代码 
cd /Android/sdk/cmdline-tools/latest/bin/
./sdkmanager "build-tools;30.0.3"
  1. 最终SDK目录

步骤四：验证环境

  1. 至此，所有环境配置完成，修改项目代码SDK配置，并验证环境是否有问题。先创建文件夹，然后上传《第五章：Android 项目模板制作》准备好的代码模板
bash 复制代码 
mkdir /Android/code
  1. 找到代码文件路径HBuilder-Integrate-AS\local.properties，修改SDK引用路径
bash 复制代码 
sdk.dir=/Android/sdk
  1. 找到代码文件HBuilder-Integrate-AS/gradle/wrapper/gradle-wrapper.properties，修改Gradle引用路径，如果这里不修改，首次构建会从线上拉取
bash 复制代码 
distributionUrl=file:///Android/gradle/gradle-7.5-bin.zip
  1. 【高版本需同时修改以下三个文件】本案例中用的环境相对都是比较高的版本，需要同时修改相应的文件才能调用相关的 API，并且需要满足一些新版本特殊设置
  • HBuilder-Integrate-AS/build.gradle
  • HBuilder-Integrate-AS/simpleDemo/build.gradle
  • /Android/code/HBuilder-Integrate-AS/simpleDemo/src/main/AndroidManifest.xml
bash 复制代码 
android:exported="true"
  1. 修改gradlew脚本权限，并测试是否能正常使用
bash 复制代码 
cd /Android/code/HBuilder-Integrate-AS/
ls -al gradlew
chmod +x gradlew
ls -al gradlew
./gradlew tasks
  1. 出现assemble证明环境验证通过

步骤五：构建打包 APK

  1. 执行以下打包命令，首次打包会联网下载依赖
bash 复制代码 
cd /Android/code/HBuilder-Integrate-AS/
./gradlew assembleRelease
  1. 最终效果如图，路径HBuilder-Integrate-AS/simpleDemo/build/outputs/apk/release

五、Android 项目模板制作

操作步骤一：将 UNI-APP 项目打包成 Android 可用的资源

  1. cd 到 UNI-APP 项目的根目录，执行 package.json 中的打包命令，生成 Android 可用使用的代码包：npm run build:app-plus
  1. 构建完成在目录 dist/build/app-plus 中会有一份编译后的代码，放入根目录的新文件夹中（使用 manifest.json 中的 appid 一样），并将其 app-plus 重命名为 www
cmd 复制代码 
mkdir __UNI__664E2AC
move dist/build/app-plus __UNI__664E2AC\www

操作步骤二：制作 APK 构建模板

  1. 下载 UNI-APP 官方提供的离线 SDK，并使用任意编辑器打开
  2. 找到 HBuilder-Integrate-AS 项目，将【步骤一】生成的 __UNI__664E2AC 整个替换到
    HBuilder-Integrate-AS 项目的示例位置 simpleDemo/src/main/assets/apps/__UNI__A
  1. 【修改文件 1/4 】HBuilder-Integrate-AS\simpleDemo\build.gradle，修改红框部分，其余内容可以按需修改，比如修改 versionCode，字面意思版本号
  • 第 1 处替换为包名，跟 DCloud 平台设置的一致即可
  • 第 2 处放入自己生成的签名证书，生成方式参考附录
  • 第 3 处按签名证书修改对应的内容即可
  1. 【修改文件 2/4 】HBuilder-Integrate-AS\simpleDemo\src\main\AndroidManifest.xml，package跟第 3 步的包名保持一致，andorid:value替换为自己的 AppKey
  1. 【非必须 】HBuilder-Integrate-AS\simpleDemo\build.gradle，跟第 4 步同个文件，红框部分可自定义生成的 APK 名称
  1. 【非必须 】HBuilder-Integrate-AS\simpleDemo\src\main\res\values\strings.xml，修改红框部分，这是最终安装到手机后看到的 APP 的名字
  1. 【非必须 】HBuilder-Integrate-AS\simpleDemo\src\main\res\drawable\*，修改红框部分
  • icon.png为应用的图标
  • push.png为推送消息的图标
  • splash.png为应用启动页的图标
  1. 【修改文件 3/4 】HBuilder-Integrate-AS\simpleDemo\src\main\assets\data\dcloud_control.xml，修改红框部分，和原来的 UNI-APP 项目 manifest.json 中的 appid 保持一致
  1. 【非必须 】HBuilder-Integrate-AS\gradle\wrapper\gradle-wrapper.properties，修改红框部分，可以替换为本地gradle，为全离线打包做准备
  1. 【修改文件 4/4 】（通过 AS 打开会自动生成）HBuilder-Integrate-AS\local.properties，在根目录新增local.properties文件，引入 SDK

六、基于 Jenkins 自动化打包【待补充...】

附录

  • 生成 keystore 签名证书
js 复制代码 
// keytool 依赖 JDK
// 生成命令
keytool -genkey -alias test -keyalg RSA -keysize 2048 -validity 36500 -keystore company-test.keystore

// 查看命令
keytool -list -v -keystore company-test.keystore
  • gradlew 常用命令
js 复制代码 
// 用于清理项目构建过程中生成的临时文件和输出文件，说人话就是会删除整个 build 文件夹
gradlew clean

// 列出可用的构建任务，主要看看 assemble 在不在，不在的话就不用白费力气打包了
gradlew tasks

// 编译打包构建 APK
gradlew assemble
gradlew assembleDebug
gradlew assembleRelease

其他参考网址

  1. HbuilderX CLI 打包说明 ↩︎

  2. gradle 和 gradle-plugin 版本对应关系 ↩︎

  3. Android Studio 命令行工具说明 ↩︎

  4. sdkmanager 使用说明 ↩︎

相关推荐
高山我梦口香糖34 分钟前
[react] ＜NavLink＞自带激活属性
前端·javascript·react.js
撸码到无法自拔38 分钟前
React：组件、状态与事件处理的完整指南
前端·javascript·react.js·前端框架·ecmascript
高山我梦口香糖39 分钟前
[react]不能将类型“string | undefined”分配给类型“To”。 不能将类型“undefined”分配给类型“To”
前端·javascript·react.js
代码cv移动工程师42 分钟前
HTML语法规范
前端·html
Elena_Lucky_baby1 小时前
实现路由懒加载的方式有哪些？
前端·javascript·vue.js
Domain-zhuo1 小时前
如何利用webpack来优化前端性能？
前端·webpack·前端框架·node.js·ecmascript
理想不理想v1 小时前
webpack如何自定义插件？示例
前端·webpack·node.js
小华同学ai1 小时前
ShowDoc：Star12.3k，福利项目，个人小团队的在线文档“简单、易用、轻量化”还专门针对API文档、技术文档做了优化
前端·程序员·github
王解2 小时前
Vue CLI 脚手架创建项目流程详解 （2）
前端·javascript·vue.js
刘大浪2 小时前
vue.js滑动到顶便锁定位置
前端·javascript·vue.js
热门推荐
01〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇02YOLOv8训练好模型后，追加轮数继续训练、或者提前终止训练，缩减训练轮数03玄机平台应急响应—webshell查杀04SQL 主从数据库实时备份05HCIA-datacom数通题库和录播视频资料06Docker 夺命连环 15 问07VSCode插件 —— Cody AI （免费AI助手！）08校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10组基轨迹建模 GBTM的介绍与实现（Stata 或 R）