UniApp实现发布与打包的流程与指南

1. UniApp简介

UniApp是一个基于Vue.js的开发框架,可以基于一套代码实现多端开发(包括安卓、IOS、H5、小程序等)。UniApp规范了自己的API和组件库,使得开发人员可以快速上手开发。

UniApp采用各端运行时引擎,如APP端使用了基于WebView的UniView,小程序端使用了各大小程序平台的webview(微信小程序中使用了WKWebView),H5在原生浏览器中运行。这样一来,您在编写UniApp的代码时,可以适配各种平台的特性,而无需牵扯底层接口的适配问题,大幅减小了开发难度。

2. UniApp发布与打包

2.1 发布

UniApp 代码经过开发者构建后,会在根目录下生成 dist 目录。开发者需要进入 dist 目录下,将代码发布到各个应用市场或者 Web 服务器上。

打开dist:对于通过vue-cli创建的UniApp项目,通过运行 npm run build 命令,会在项目根目录下生成 dist 目录,如下图所示:

npm run build

![image1](https://img-blog.csdnimg.cn/20210202120732951.png)

2.2 打包

打包是将代码转换为可在应用程序中运行的二进制文件的过程。UniApp生成APK或IPA文件的打包过程需要使用到HBuilderX工具。

2.3 发送打包请求打包

进入到HBuilderX,右键选择UniApp项目工程所在的目录,选择云打包。如果之前没有登录过,会弹出让您去登录的对话框,输入您的账号密码进行登录。登录成功后,进入到云打包页面:

![image2](https://img-blog.csdnimg.cn/20210202120623673.png)

填写相关打包参数,如下图所示:

![image3](https://img-blog.csdnimg.cn/20210202120656620.png)

在云打包参数页面中,您需要进行一些选项的配置:

应用名称:应用名称

包名:应用的包名,App 安装后的唯一标识,必须和App本地开发时自定义的包名相同,如 com.test.demo

平台选择:选择Android或iOS平台打包。多选时,会对目标平台区分开来进行打包,不支持同时打包到 Android 或 iOS。

配置文件:选择合适的配置文件,不能随意更改。

版本号:当前应用版本号,每次打包都需要增加版本号,否则在同一设备上装会失败。

logo:应用 logo 图标,必须是 192x192 像素左右的 png 图片,大小不超过 2M。

安卓系统签名:安卓APK签名即您的应用验明身份的证书,无需了解什么是签名,你可以直接使用自己的证书,如果没有证书可以让网站生成。

苹果开发证书:需要选择合适的开发证书。

2.4 编译APK或IPA包

如果当前处于云打包状态,则需要等待编译完成。最终生成的 APK 和 IPA 打包文件会被上传到云打包平台上,可以直接下载。

如果您想提前结束云编译工作,或者在工作日结束后想继续云打包工作,可以将云编译工作取消:

![image4](https://img-blog.csdnimg.cn/20210202120743895.png)

3. 总结

本文简单介绍了UniApp的概念和基本特性,并详细介绍了如何将UniApp项目进行发布和打包。通过本文的阐述,相信您可以轻松上手UniApp开发,顺利地在多个平台上发布和打包应用。