uniapp打包
1.导入uniapp项目
1.1导入项目
如图所示:使用hBuilderX开发工具将项目导入,(hBuilderX下载地址:https://www.dcloud.io/hbuilderx.html),hBuilderX需在2.7.14版本以上,最好使用最新版本。
1.2注册uniapp开发者账号
需要注册有开发者账号才能进行app打包,按下图所示,(若已有账号则跳过此步)。
2.项目配置
2.1配置app基本信息
在项目下双击manifest.json文件,弹出项目配置界面。
在配置界面【基础配置】选项中:
1、重新获取AppId:此步骤为必须的,这样项目才能归属为您开发者账号。
2、应用名称:打包安装到手机上后,app显示的名称。
3、版本号名称、版本号:默认即可。
2.2app图标配置
在manifest.json文件双击打开的配置页面中,选择【App图标配置】选项
配置图标有两种方式:
方式一:自动生成
在自动生成图标,选择1024*1024尺寸的图片,点击底下的【自动生成所有图标并替换】按钮,即可生成各类型尺寸的图标。
方式二:手动设置图标
在底下的不同尺寸类型图标配置中,独自添加自己设计好的图标。
2.3APP启动图配置
若不需要则可以不进行配置,app将使用hBuilderX默认启动图。
配置方式简易,按照界面提示配置即可。
3、配置移动端H5地址
如图所示,打开pages/index/index.vue文件,在url的参数里,配置已经部署好的移动端地址,
注意:地址结尾,不需要使用【斜杆/ 】结束。
如:http://www.hotent.org:8480/mobilevue即可。
4、打包
4.1选择需要打包项目
hBuilderX内可能同时存在多个项目,所以一定要点击选择需要打包的项目。如图所示:
4.2打包
选择需要打包的项目后,在菜单栏,选择 发行 -> 原生App-云打包
若还没有苹果开发者账号,则把iOS选项去掉。
包名:最好是填写自己公司域名的倒写
证书:如果要自行生成证书,则选择【使用自用证书】,证书的生成在【如何生成证书】有很详细的教程。不需要则使用【使用公共测试证书】即可。
其他地方无需勾选,点【打包】按钮即可进行在线云打包。
4.3下载应用安装包
提交云打包之后,在控制台中稍等一会,会出现app下载的地址,复制地址在浏览器打开,即可下载app的安装包。如图所示: