返回

手摸手实现 uni-app 安卓本地打包

前端

简介

uni-app 是一款优秀的跨平台前端框架,上手简单,成型快。uni-app 官方也提供了两种打包方式。第一种是通过官方给的云打包入口进行打包,第二种则是生成打包资源通过平台工具进行打包。本文将手把手教你如何实现 uni-app 安卓本地打包。

准备工作

在开始打包之前,你需要确保以下准备工作已经完成:

  • 安装了 Node.js 和 npm
  • 安装了 HBuilderX 或其他 uni-app 开发工具
  • 准备好 uni-app 项目

步骤

1. 生成打包资源

在 HBuilderX 中,打开 uni-app 项目,然后点击菜单栏上的 构建 -> 打包

在弹出的打包配置窗口中,选择 安卓原生 选项卡,然后点击 生成打包资源 按钮。

2. 下载打包工具

在生成打包资源之后,你可以在项目目录的 build 文件夹下找到打包工具 uniapp-cli

3. 初始化打包项目

build 文件夹下,执行以下命令初始化打包项目:

uniapp-cli init

这将创建一个 package.json 文件和一个 uniapp.config.js 文件。

4. 修改 uniapp.config.js 文件

打开 uniapp.config.js 文件,并修改以下配置项:

module.exports = {
  output: {
    android: {
      versionCode: 1,
      versionName: '1.0.0',
      packageName: 'com.example.uniapp',
      certificate: {
        path: 'path/to/certificate.pem',
        password: 'password',
      },
    },
  },
};
  • versionCode: Android 应用的版本代码
  • versionName: Android 应用的版本名称
  • packageName: Android 应用的包名
  • certificate: Android 应用的证书信息,包括证书路径和密码

注意: 如果你没有证书,可以使用 Android Studio 生成一个自签名证书。

5. 打包 Android 应用

build 文件夹下,执行以下命令打包 Android 应用:

uniapp-cli build --android

这将生成一个 .apk 文件,可以在 Android 设备或模拟器上安装。

完成

恭喜你,你已经成功完成了 uni-app 安卓本地打包。