手册

app打包

1332
黄辉松
2021-04-09 13:41:00
分享链接

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的安装包。如图所示:

 

发表评论
评论通过审核后显示。