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开发,顺利地在多个平台上发布和打包应用。