Hbuilder用自有证书打包 ios App上架AppStore流程

bianmaren 发布于 2018-09-05 16:00:23    访问

标签 : 前端开发

最近在用Hbuilder做跨平台开发,经过一番研究终于在苹果商店上架成功了一款产品!这款产品就很简单,直接用hbuilder打包好,然后上传到商店即可。这里参照ios app提交应用商店 这篇文章结合hbuilder,从应用打包,到提交到苹果商店的流程详细介绍一下,希望对有需要的哥哥姐姐们有帮助、

一、打包:

应用写好了之后就可以打包了,hbuilder云打包很简单,但是你想要发布到应用商店的话是需要自有证书的,

WX20180905-153919.png

1。  前期工作

这里就需要用到 AppId,描述文件profile,以及私钥证书。下面详细讲解这三项的申请步骤

       必须条件:苹果开发者账号,mac系统

苹果开发者账号:我是直接用公司额账号,所以省去了申请账号的步骤,访问苹果开发者中心https://developer.apple.com/account/overview.action注册或者登录账号,

WX20180905-153958.png

1.1创建appId

 登录进去之后,找到Identifiers

WX20180905-154028.png

下一步点加号,对点加号

WX20180905-154051.png

然后会跳出一个界面,有两个表单是要自己填写的,分别是Name和Bundle Id

WX20180905-154115.png

上面这段话翻译过来就是:App ID字符串包含两个部分,以句点(.)分隔 - 应用ID前缀(默认情况下定义为您的Team ID)和App ID后缀(定义为Bundle ID搜索字符串)。 App ID的每个部分都有不同的重要用途

这边Name就可以随便填,没有什么限制,最好是项目名称,这样方便自己辨识(不允许中文);


另外一个就是Bundle Id

WX20180905-154256.png

这是你appid的后缀,这个需要仔细。因为这个内容和你的程序直接相关,后面很多地方要用到,最好是com.yourcompany.yourappname的格式,我用的是项目中的Bundle ID(反正这样是最保险的)

还有几个App server,建议就选择一下推送Push Notifications,至于为什么我也不太清楚,选上肯定没错..



WX20180905-154322.png

下面就是一路点击过去continue,registe,done,最后注册成功的id是这样的

WX20180905-154346.png


1.2申请证书

这里呢需要一个mac系统的电脑,如果有苹果机那最好了,没有也没关系,可以用虚拟机安装一个呀。

这里抛一个虚拟机装mac系统的链接:从0到100安装,虚拟机装mac;

如果遇到报错,可以参照下面链接,找不到安装磁盘看这里:请选择要插入的磁盘 ;不可恢复错误报错看这里:不可恢复错误: (vcpu-0) ;锁定文件失败,打不开磁盘或快照所依赖的磁盘的解决方案:方案


好了,现在我们有了苹果电脑,可以进行正式的申请工作了。

1.1.1 请求文件CertificateSigningRequest.certSigningRequest

在实用工具找到-钥匙串访问(KEY CHAIN),在证书助理中,选择"从证书颁发机构求证书",如下图:

WX20180905-154827.png

在下图所示的界面,你的电子邮件地址:填你申请idp的电子邮件地址,常用名称,默认就好,CA空,选择存贮到磁盘,点击"继续":

WX20180905-154853.png

选择保存的位置,比如选择桌面。下一步点击完成,你就可以看到你的桌面多了一个CertificateSigningRequest.certSigningRequest的证书请求文件。

注:CSR文件尽量每个证书都制作一次,将常用名称区分开来,因为该常用名称是证书中的密钥的名字。

1.1.2 制作描述文件Provisioning Profile

登陆到开发者中心,找到证书配置的版块,选择点击右上角的加号:


WX20180905-155021.png

发布证书和开发者证书需要操作两次,分别创建,开发者证书用于真机调试,发布证书用于提交到AppStore。注意这两个文件的区分。

WX20180905-155050.png

然后下一步,会提示上传CSR文件,也就是证书签名请求文件。前面申请的那个CertificateSigningRequest.certSigningRequest,

WX20180905-155117.png

提交上去后就会生成一个cer证书,如图所示,有效期为一年。

WX20180905-155154.png

下载下来是这样的,如图:

WX20180905-155223.png


做到这一步还不够,我们最终的目标是一个后缀名是.mobileprovision的证书。

所以继续

找到Provisioning Profiles,然后点加号添加

WX20180905-155251.png

WX20180905-155310.png

按照需要选择证书类别,开发者证书或者提交应用商店的证书,然后continue就会出现让你选择AppId的界面。选择你刚创建的AppId

WX20180905-155336.png

选好了点继续,然后会让你选一个certificates,这个大概就是开发者许可证书,就是那个后缀cer的,就选你刚创建的那个。

WX20180905-155402.png


然后下一步填描述文件的名字,这个就因人而异没什么限制

image.png

填好名字就可以有一个描述文件了,下载即可,后缀名是.mobileprovision,下载下来就可以用。

image.png

1.1.3  私钥证书

这个是非常重要的证书,

这个呢,就是把之前下载的ios_distribution2.cer,或者(ios_development.cer),

image.png

然后双击添加文件到钥匙串

image.png

点击添加,既可以在钥匙串中看到啦

image.png

下一步就是导出.p12后缀的证书,右键你要打包的文件,然后点导出

image.png

存储的时候回提示你设一个密码,在hbuilder打包的时候也会有一个私钥密码,就是在这里设置的,

image.png


好了该填的都填好了,导出的文件就会出现在你的文稿里边

image.png

做到这一步,准备工作就做好了。下面就是利用hbuilder进行打包,选择使用自有证书,选择生成的对应文件,然后打包生成.ipa的文件。


二、上架

打包好了ipa文件就可以通过xcode上架了,我电脑装的是最新的mac系统,macOS sierra。为什么要强调这一点呢?因为最新的苹果系统要上架应用,就必须下载最新的xcode。要不然会报错的


image.png

2.1 在itunes中创建程序

登录ios开发者中心,找到并选择Itunes Connect(在account点进去登录后就能看到,或者在页面底部的Distribute下),选择我的app

image.png
点击左上角的+选择“新建App”,根据自己的app然后填写相应的信息即可,因为项目较多,就不一一讲解了,但是其中的注意事项会写到:

image.png

(1)选择语言的时候,简体中文是Simplified Chinese,不要再找Chinese了,找不到的~

(2)套装ID与SKU主要是app的唯一标识吧,我是用的项目中Bundle Identifier的内容,即com.company.projectname

2.1.1 图片上传尺寸要求:

(1)另外屏幕截图一定要按照尺寸哦,那边会有提示尺寸是多少,可以只上传一组5.5寸屏幕的,然后其他的都勾选用5.5寸显示即可。

本文转载至:https://www.jianshu.com/p/665c1d67adde