Hbuilder 之 App 打包流程(含 apk 和 ipa)

本例前提是已有一个vue项目,在终端(项目所在目录下)运行编译打包命令npm run build,完成

后,在dist目录下生成index.html和js、img等文件夹:

图片

1.打开Hbuilder,用注册好的dcloud账号登录(可到dcloud开发者中心注册),点击“文件”--“打

开目录”--选择dist文件夹--“确定”:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第1张图片

2.可以看到一个“W”标识的文件夹,然后

右键选择“转换成移动app”,标识变为“A”:

image.png重试双击打开文件manifest.json,配置应用

打包信息,下方有很多选项卡,可以看到Hbuilder允许用户对应用信息进行可

视化的配置,比起“代码视图”更直观一些:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第2张图片
3.在“应用信息”里配置有关应用的基本信息:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第3张图片
4.需要注意的是: appid是程序的唯一标识,可以云端获取,也可以自主命名,自主命名需要注意唯一性,官方给出的建议是反向域名格式,比如com.tencent.wechat;关于版本号,打开代码视图,找到图示这段代码,注意“code”应为整数值,用于各应用市场的升级判断,上架的新版本code应比以前的大,否则将无法正确升级:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第4张图片
另外需要完成“图标配置”和“启动图片配置”,按尺寸要求上传即可。工具栏上点击“发行”—“云打包—打原生安装包”。打安卓包(apk):使用Dcloud公有证书打包可以选择使用Dcloud公有证书打包(本地测试),也可以使用自有证书打包(上架应用市场);使用公有证书打包时,仅需要输入包名即可。使用自有证书打包首先需要生成安卓的签名证书,先确保电脑上安装了JRE,然后使用JRE自带的创建和管理数字证书的工具Keytool,生成证书,设定密钥口令:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第5张图片
生成完证书就可以发布原生包了:
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第6张图片
1.打ios包(ipa):越狱包:和安卓的公有证书包类似,不用证书直接打包,可供已越狱的苹果手机安装测试用。使用苹果证书:要求事先到苹果开发者平台 https://developer.apple.com 注册该app的密钥证书,设定密钥密码,生成描述文件profile,然后正确选择对应的文件进行打包。
Hbuilder 之 App 打包流程(含 apk 和 ipa)_第7张图片

Hbuilder 之 App 打包流程(含 apk 和 ipa)_第8张图片

Hbuilder 之 App 打包流程(含 apk 和 ipa)_第9张图片

Hbuilder 之 App 打包流程(含 apk 和 ipa)_第10张图片
至此,打包完成啦!

你可能感兴趣的:(Hbuilder 之 App 打包流程(含 apk 和 ipa))