利用HBulider 打iOS的 正式包 和 测试包

最近公司想把项目往webapp方向转移，作为一个屌丝iOS码农并不能阻挡那些领导的想法。于是为准备公司项目正常上线。并不怎么懂H5的我开始研究HBuilder制作iOS的  ipa安装包。

首先介绍一下自己的情况

只会iOS，H5只会写简单的界面 不会交互。

工具 HBUlider  链接: https://pan.baidu.com/s/1Hz-wx3YvfisI2tbDC-ZYuQ 密码: y54q

没有账号的需要自己注册，很简单 就不介绍了。

闲话少扯，直接进入主题，

一，创建工程（分两种）

1，如果是别人给你的移动APP项目  直接拉进去即可。如下图（移动APP项目）

移动APP项目

如果自己创建的话  就直接创建移动APP项目就可以了 如下图

自己创建的移动APP项目

备注：是移动APP项目  如上图是A开头的。

完成以上步骤，就可以直接打包了，在打包前 你需要创建一个iOS证书（p12文件）  和  描述文件（如果你想发布测试包 你需要创建 测试证书，一定要勾选推送，不然测试的时候会出现一个烦人的弹框，如果打正式包 就创建发布证书 也要勾选推送）。作为iOS研发工程师证书和描述文件应该都很熟悉吧,这里不再详细介绍。

资料准备完成，下面开始配置工程

在项目管理器下选择你需要打包的项目 如上图（移动APP项目）我要打包 easy_cabinet_kmzy 这个项目。

打包第一步

选择APP打包然后弹出一个配置文件的view （iOS是这样叫的）如下图

打包第二步

点击参数配置，进入配置参数的界面如图

配置应用信息

填写的APP名称，appid（与证书一致） 版本号  页面入口  全屏显示需要勾选 不还有下面横竖屏，根据需求勾选。完成后保存（command + S）进行图标配置（也就是桌面图标）。

配置图标

根据要求上传一张180 X 180 的图片 然后点击生成并替换 就可以了 完成后保存（command + S）进行启动图配置（也就是程序运行启动图）。

启动图配置

有些版本的HBuild配置完成之后红x 不一定能消失 此时  你只需要删除“代码试图”里面的一段代码即可  具体代码如下。default 开头的那段默认的代码，为啥我也不知道。

按照前面标的尺寸选择对应的图片  如果完全正确 红叉就会消失 如图

配置完成没有红色xx

启动图配置完成后 根据需求配置SDK 

配置SDK

我没有配置  所以就没有动里面 的内容。下一步配置模块权限，如图

应用模块配置 

按需配置即可。注意：消息推送必须选。

此时工程已配置完成。重复打包第一步 ，此时如果工程配置完成 “打包”按钮就会呈现高亮状态，“打包第一步”图中的   红x  提示的 APP打包配置不完整。。。。将会消失  如下图

配置正确

然后点击“打包”按钮  此时在工程下面会出现一个进度条如图

云端打包进度条

到100%之后  就会弹出一个框如下

云端提交成功

点击确定  进入打包状态页面

打包状态页面

如果都配置成功就会打包成功 手动下载下来就是你打的 ipa 包   如果是正式包 利用application loader 上传APPstore  即可  （机审没毛病   人审就不知道了  暂时没有上线）

如果证书配置错误，就会打包失败，可以查看失败详情。

2，如果是别人给你的web工程 如下图（web工程 也就是以W开头的）这个时候你需要注意了，更改一下属性就可以了  如图 

更改属性

勾选移动APP

然后重复 1，即可。

对于一个不懂H5 不懂HBuilder的码农来说  研究的过程真他妈艰难。没办法，逼着自己多学点，没有什么坏处。

实时证明   全H5的APP是可以通过审核的