UNI-APP 打包构建 APK

2024-08-29 10:36
文章标签 构建 app 打包 uni apk

本文主要是介绍UNI-APP 打包构建 APK,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

UNI-APP 打包构建 APK

  • 前言
  • 一、WINDOWS(在线 - 纯命令版)
    • 依赖
    • 其他前置准备
    • 实现原理
    • 操作步骤
  • 二、WINDOWS(离线 - Android Studio 版)
    • 依赖(首次构建需要联网安装依赖)
    • 其他前置准备
    • 实现原理
    • 操作步骤
  • 三、WINDOWS(离线 - 纯命令版)
    • 依赖
    • 其他前置准备
    • 实现原理
    • 操作步骤
  • 四、LINUX(离线 - 纯命令版)
    • 依赖(以下各工具版本相互依赖)[^2]
    • 其他前置准备
    • 实现原理
    • 操作步骤
      • 步骤一:安装 JDK 17【可自行选择其他方式安装依赖】
      • 步骤二:下载 Gradle 7.5,上传到服务器
      • 步骤三:安装 SDK 环境
      • 步骤四:验证环境
      • 步骤五:构建打包 APK
  • 五、Android 项目模板制作
    • 操作步骤一:将 UNI-APP 项目打包成 Android 可用的资源
    • 操作步骤二:制作 APK 构建模板
  • 六、基于 Jenkins 自动化打包【待补充...】
  • 附录

前言

  • 由于使用 HbuilderX 的图形化界面有相对完整的教程,这里不在赘述
  • 本文主要使用 Android Studio 进行打包和使用纯命令的进行打包
  • 同步可以参考UNI-APP 官方 App 离线打包教程:
    • Android 原生工程配置
    • Android 打包发行
    • 本地 Android 环境配置时可参照App 云端打包环境

一、WINDOWS(在线 - 纯命令版)

依赖

  • HbuilderX 编辑器(根目录自带 CLI)

CLI

其他前置准备

  • 登录 HbuilderX 的 DCloud 账号

登录

实现原理

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

操作步骤

  1. 编写配置文件,放在项目根目录即可1
// 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 条命令即可完成打包
# 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

通过云打包生成的 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 进行安装,直接在小黑窗中执行以下命令
@"%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
choco install openjdk13
# 所在路径 C:\Program Files\OpenJDK\jdk-13.0.2
  1. 使用 Android Studio 打开《第五章:Android 项目模板制作》创建的模板,并配置好SDK(五大核心依赖之二:android & build-tools

SDK 配置

SDK 配置

  1. 打开设置,修改指定版本的JDK

设置 JDK 版本

  1. 点击构建项目,构建成功后继续生成 APK,按以下步骤选择和填充信息即可,这一步依赖于前面的准备工作,并且会联网拉取最终的两个依赖(五大核心依赖之二:Gradle & gradle-plugin

构建项目

构建成功

选择生成 APK

选择 APK

填写证书信息

生成 Release 版本

  1. 最终效果如图,路径HBuilder-Integrate-AS\simpleDemo\release

通过 AS 生成的 APK

三、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

gradlew脚本

操作步骤

  1. 安装 Chocolatey CLI【可自行选择其他方式安装依赖
# 使用 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)
choco install openjdk13
# 所在路径 C:\Program Files\OpenJDK\jdk-13.0.2
  1. 基于 choco 安装 Gradle(五大核心依赖之一:Gradle)
choco install gradle
# 所在路径 C:\ProgramData\chocolatey\bin
  1. 基于 choco 安装 Android SDK
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

通过命令生成 APK

四、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

gradlew 脚本

操作步骤

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

  1. 下载 JDK 压缩包

下载 JDK 压缩包

  1. 上传到服务器后解压缩到指定文件夹,cd 到对应目录后执行命令tar -zxvf jdk-17_linux-x64_bin.tar.gz -C /usr/lib/

上传 JDK 压缩包

解压缩 JDK

  1. 配置环境变量
# 编辑环境变量
vim ~/.bashrc# 刷新环境变量(生效)
source ~/.bashrc# 确认环境变量是否生效(看清楚只有一个横杆)
java -version
# 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
mkdir /Android/gradle -p

下载 Gradle 压缩包

上传 Gradle 压缩包

步骤三:安装 SDK 环境

  1. 从 Android Studio 的官方网站下载sdkmanager的命令行工具,上传到服务器

下载命令行工具

上传命令行工具

  1. 解压缩命令行工具3
# 安装 zip 格式解压缩工具
apt install unzip# 解压缩到指定文件夹
unzip commandlinetools-linux-11076708_latest.zip -d /Android/sdk

解压缩命令行工具

  1. 修改SDK目录结构4

sdkmanager 说明文档

cd /Android/sdk/cmdline-tools/
mkdir latest
mv !(latest) latest/
  1. 修改后的目录结构如图

修改后的目录结构

  1. 安装platforms;android-30
cd /Android/sdk/cmdline-tools/latest/bin/
./sdkmanager "platforms;android-30"

安装 platforms;android-30

  1. 安装build-tools;30.0.3
cd /Android/sdk/cmdline-tools/latest/bin/
./sdkmanager "build-tools;30.0.3"

安装 build-tools;30.0.3

  1. 最终SDK目录

最终 SDK 目录

步骤四:验证环境

  1. 至此,所有环境配置完成,修改项目代码SDK配置,并验证环境是否有问题。先创建文件夹,然后上传《第五章:Android 项目模板制作》准备好的代码模板
mkdir /Android/code

上传代码模板

  1. 找到代码文件路径HBuilder-Integrate-AS\local.properties,修改SDK引用路径
sdk.dir=/Android/sdk

修改 SDK 路径

  1. 找到代码文件HBuilder-Integrate-AS/gradle/wrapper/gradle-wrapper.properties,修改Gradle引用路径,如果这里不修改,首次构建会从线上拉取
distributionUrl=file:///Android/gradle/gradle-7.5-bin.zip

修改 Gradle 路径

  1. 【高版本需同时修改以下三个文件】本案例中用的环境相对都是比较高的版本,需要同时修改相应的文件才能调用相关的 API,并且需要满足一些新版本特殊设置
  • HBuilder-Integrate-AS/build.gradle

修改 gradle-plugin 版本

  • HBuilder-Integrate-AS/simpleDemo/build.gradle

修改运行 SDK 版本号

  • /Android/code/HBuilder-Integrate-AS/simpleDemo/src/main/AndroidManifest.xml
android:exported="true"

修改高版本特殊配置,设置为可被其他应用程序访问

  1. 修改gradlew脚本权限,并测试是否能正常使用
cd /Android/code/HBuilder-Integrate-AS/
ls -al gradlew
chmod +x gradlew
ls -al gradlew
./gradlew tasks

运行 gradlew 脚本

  1. 出现assemble证明环境验证通过

环境验证通过

步骤五:构建打包 APK

  1. 执行以下打包命令,首次打包会联网下载依赖
cd /Android/code/HBuilder-Integrate-AS/
./gradlew assembleRelease

打包 APK 成功

  1. 最终效果如图,路径HBuilder-Integrate-AS/simpleDemo/build/outputs/apk/release

通过命令生成 APK

五、Android 项目模板制作

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

  1. cd 到 UNI-APP 项目的根目录,执行 package.json 中的打包命令,生成 Android 可用使用的代码包:npm run build:app-plus

Android 认可的代码

  1. 构建完成在目录 dist/build/app-plus 中会有一份编译后的代码,放入根目录的新文件夹中(使用 manifest.json 中的 appid 一样),并将其 app-plus 重命名为 www
mkdir __UNI__664E2AC
move dist/build/app-plus __UNI__664E2AC\www

新建 appid 名字的文件夹

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

  1. 下载 UNI-APP 官方提供的离线 SDK,并使用任意编辑器打开
  2. 找到 HBuilder-Integrate-AS 项目,将【步骤一】生成的 __UNI__664E2AC 整个替换到
    HBuilder-Integrate-AS 项目的示例位置 simpleDemo/src/main/assets/apps/__UNI__A

替换前

替换后

  1. 修改文件 1/4HBuilder-Integrate-AS\simpleDemo\build.gradle,修改红框部分,其余内容可以按需修改,比如修改 versionCode,字面意思版本号
  • 第 1 处替换为包名,跟 DCloud 平台设置的一致即可
  • 第 2 处放入自己生成的签名证书,生成方式参考附录
  • 第 3 处按签名证书修改对应的内容即可

修改包名和签名

DCloud 包名

  1. 修改文件 2/4HBuilder-Integrate-AS\simpleDemo\src\main\AndroidManifest.xmlpackage跟第 3 步的包名保持一致,andorid:value替换为自己的 AppKey

修改 AppKey

  1. 非必须HBuilder-Integrate-AS\simpleDemo\build.gradle,跟第 4 步同个文件,红框部分可自定义生成的 APK 名称

自定义 APK 名称

生成 APK 名称

  1. 非必须HBuilder-Integrate-AS\simpleDemo\src\main\res\values\strings.xml,修改红框部分,这是最终安装到手机后看到的 APP 的名字

APP 名称设置

APP 名称

  1. 非必须HBuilder-Integrate-AS\simpleDemo\src\main\res\drawable\*,修改红框部分
  • icon.png为应用的图标
  • push.png为推送消息的图标
  • splash.png为应用启动页的图标

应用 LOGO

  1. 修改文件 3/4HBuilder-Integrate-AS\simpleDemo\src\main\assets\data\dcloud_control.xml,修改红框部分,和原来的 UNI-APP 项目 manifest.json 中的 appid 保持一致

修改 appid

原 UNI-APP 项目

  1. 非必须HBuilder-Integrate-AS\gradle\wrapper\gradle-wrapper.properties,修改红框部分,可以替换为本地gradle,为全离线打包做准备

替换本地 gradle

  1. 修改文件 4/4】(通过 AS 打开会自动生成)HBuilder-Integrate-AS\local.properties,在根目录新增local.properties文件,引入 SDK

引入 SDK

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


附录

  • 生成 keystore 签名证书
// keytool 依赖 JDK
// 生成命令
keytool -genkey -alias test -keyalg RSA -keysize 2048 -validity 36500 -keystore company-test.keystore// 查看命令
keytool -list -v -keystore company-test.keystore
  • gradlew 常用命令
// 用于清理项目构建过程中生成的临时文件和输出文件,说人话就是会删除整个 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 使用说明 ↩︎

这篇关于UNI-APP 打包构建 APK的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1117614

相关文章

Python打包成exe常用的四种方法小结

《Python打包成exe常用的四种方法小结》本文主要介绍了Python打包成exe常用的四种方法,包括PyInstaller、cx_Freeze、Py2exe、Nuitka,文中通过示例代码介绍的非... 目录一.PyInstaller11.安装:2. PyInstaller常用参数下面是pyinstal

nodejs打包作为公共包使用的完整流程

《nodejs打包作为公共包使用的完整流程》在Node.js项目中,打包和部署是发布应用的关键步骤,:本文主要介绍nodejs打包作为公共包使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言一、前置准备二、创建与编码三、一键构建四、本地“白嫖”测试(可选)五、发布公共包六、常见踩坑提醒

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

Docker多阶段镜像构建与缓存利用性能优化实践指南

《Docker多阶段镜像构建与缓存利用性能优化实践指南》这篇文章将从原理层面深入解析Docker多阶段构建与缓存机制,结合实际项目示例,说明如何有效利用构建缓存,组织镜像层次,最大化提升构建速度并减少... 目录一、技术背景与应用场景二、核心原理深入分析三、关键 dockerfile 解读3.1 Docke

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明(1)js 资源分离(2)非 JS 资

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Python利用PySpark和Kafka实现流处理引擎构建指南

《Python利用PySpark和Kafka实现流处理引擎构建指南》本文将深入解剖基于Python的实时处理黄金组合:Kafka(分布式消息队列)与PySpark(分布式计算引擎)的化学反应,并构建一... 目录引言:数据洪流时代的生存法则第一章 Kafka:数据世界的中央神经系统消息引擎核心设计哲学高吞吐

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

Go语言使用net/http构建一个RESTful API的示例代码

《Go语言使用net/http构建一个RESTfulAPI的示例代码》Go的标准库net/http提供了构建Web服务所需的强大功能,虽然众多第三方框架(如Gin、Echo)已经封装了很多功能,但... 目录引言一、什么是 RESTful API?二、实战目标:用户信息管理 API三、代码实现1. 用户数据