最近公司想把项目往webapp方向转移,作为一个屌丝iOS码农并不能阻挡那些领导的想法。于是为准备公司项目正常上线。并不怎么懂H5的我开始研究HBuilder制作iOS的 ipa安装包。
首先介绍一下自己的情况
只会iOS,H5只会写简单的界面 不会交互。
工具 HBUlider 链接: https://pan.baidu.com/s/1Hz-wx3YvfisI2tbDC-ZYuQ 密码: y54q
没有账号的需要自己注册,很简单 就不介绍了。
闲话少扯,直接进入主题,
一,创建工程(分两种)
1,如果是别人给你的移动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 开头的那段默认的代码,为啥我也不知道。
按照前面标的尺寸选择对应的图片 如果完全正确 红叉就会消失 如图
启动图配置完成后 根据需求配置SDK
我没有配置 所以就没有动里面 的内容。下一步配置模块权限,如图
按需配置即可。注意:消息推送必须选。
此时工程已配置完成。重复打包第一步 ,此时如果工程配置完成 “打包”按钮就会呈现高亮状态,“打包第一步”图中的 红x 提示的 APP打包配置不完整。。。。将会消失 如下图
然后点击“打包”按钮 此时在工程下面会出现一个进度条如图
到100%之后 就会弹出一个框如下
点击确定 进入打包状态页面
如果都配置成功就会打包成功 手动下载下来就是你打的 ipa 包 如果是正式包 利用application loader 上传APPstore 即可 (机审没毛病 人审就不知道了 暂时没有上线)
如果证书配置错误,就会打包失败,可以查看失败详情。
2,如果是别人给你的web工程 如下图(web工程 也就是以W开头的)这个时候你需要注意了,更改一下属性就可以了 如图
然后重复 1,即可。
对于一个不懂H5 不懂HBuilder的码农来说 研究的过程真他妈艰难。没办法,逼着自己多学点,没有什么坏处。