基于 Hybrid App(混合模式移动应用)中IOS开发证书创建和打包使用

基于 Hybrid App(混合模式移动应用)中IOS开发证书创建和打包使用

Hybrid App在最近两年是一个很火的话题，目前国内做的比较好的就是Hbuilder官网http://www.dcloud.io

这个框架和IDE目前还比较成熟，编辑器可以去官网下载，在react native正式版还没有发布之前



把Hbuilder作为一个过度框架还是挺不错的(react native目前的版本是0.36，

所有的api还是在继续更新中，不稳定，不过后续也会给大家写一些react native方面的心得)，接下来主要讲在Hbuilder中IOS开发证书的生成过程，打包，发布应用等等

1，Hubilder创建app项目



项目命名



建一个mui模版项目，别的模版大家自行了解，这不是重点，建好之后，项目目录



打开manifest.json文件



这是项目的基本信息，版本号，注意appid，应用唯一的appid，这个很重要，留意一下，不要随意的更改

打开index.html,随便放个按钮，做测试



2，打开https://idmsa.apple.com/IDMSWebAuth/login?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1

登录

 


大家注意了，出现这个界面的前提是你的有苹果开发者帐号，关于帐号的申请大家自己百度，很简单，个人帐号每年99美元，企业299美元，我这是企业帐号

3，点击查看详细的证书列表



列出了所有的证书详细(有推送证书，开发证书，发布证书)，和截止时间



4，首先创建APPIDS如下图



5，弹出下面的页面，填写1)，name，2)，bundle id(获取方法请看下面)，3)，如果应用用到消息推送，把3处的PushNotifications选中



6，bundleid的获取方法打开Hbuilder,选中我们创建的MyAppDemo这个项目，然后

点击发行



继续



bundle id就是这个AppId,复制

7，回到第5步页面，3个信息填好之后，点击continue



8，这是信息，继续点击页面下面的register



9点击done完成



圆圈里面的就是我们创见的APPid

10,然后创建开发证书，如图



11选中箭头所指的



12点击页面下面的continue

继续点击conutinue



选择mac电脑钥匙串证书，(mac钥匙串证书生成请看下面)

13，钥匙串证书生成方法









命名为MyAppDemo.cenrtSigningRequest文件，存到桌面

14，点击12步的choose File



选择我们刚创见的放在桌面的那个文件，人后点击页面的conutiune

15，证书生成并下载



16，这是刚下载的.cer文件，双击



 

17，双击后自动进入mac电脑的钥匙串，如下箭头指出来的就是我们刚创建的证书



iPhone Developer表示开发证书，我们把这个证书导出到本地

18，选中，右击导出


 

19，命名开发证书.p12文件



20，设置证书密码，存到桌面，放着后面用



21，继续，我们添加开发证书绑定的iphone测试手机最多可以绑定100台，如图，



22，跳到这个页面，输入iphone手机名字和udid（udid获取请百度）



点击continue，完成

23，创建开发证书的描述文件，如图



点击右上角的加号

24，选中箭头所指的，点击continue



25，选中我们创建的MyAppDemo,点击continue



26,自动列出我们15步创建的开发证书，选中它，点击continue

 


27，自动列出我们在22步添加的测试手机，选中所有，点击continue



28，命名MyAppDemo,点击continue



29,下载



30，这是我们下载的开发证书描述文件



 


红圈就是我们创建的开发证书描述文件

31，接着我们用这些证书打包我们在Hbuilder创建的MyAppDemo这个ios应用，选中应用，点击发行(这一步是所有的开发任务完成后进行的，目的是验证我们测证书是否有问题，如果在开发阶段，要随时真机调试，忽略以下步骤，手机直接连接mac电脑，Hbuilder会自动识别手机，随时调试。)


、



1）私钥密码是我们在20步创建的密码

2）profile文件是我们30步下载的开发证书描述文件

3）私钥证书是我们20步创建的.p12文件

点击云打包

32，打包完手动下载.ipa文件



33，利用蒲公英（https://www.pgyer.com）平台发布开发版应用

上传.ipa文件后出现

我们绑定的手机数量会显示出来，然后点击发布





查看下载页面



拿我们绑定的iphone手机扫描二维码下载

 


手机出现我们创见的MyAppDemo打包后的应用