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

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

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

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

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

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

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

1Hubilder创建app项目

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

项目命名

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

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

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

打开manifest.json文件

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

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

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

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

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

登录

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

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

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

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

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

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

4,首先创建APPIDS如下图

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

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

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

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

点击发行

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

继续

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

bundle id就是这个AppId,复制

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

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

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

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

9点击done完成

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

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

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

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

11选中箭头所指的

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

12点击页面下面的continue

继续点击conutinue

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

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

13,钥匙串证书生成方法

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

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

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

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

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

14,点击12步的choose File


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

15,证书生成并下载

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

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


 

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

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

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

18,选中,右击导出

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

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

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

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

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

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

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

22,跳到这个页面,输入iphone手机名字和udid(udid获取请百度)

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

点击continue,完成

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

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

点击右上角的加号

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

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

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


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

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

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

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

28,命名MyAppDemo,点击continue

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

29,下载

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

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

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


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

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

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

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

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

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

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

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

点击云打包

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

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

33,利用蒲公英(https://www.pgyer.com)平台发布开发版应用

上传.ipa文件后出现

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

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

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

查看下载页面

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

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

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

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


你可能感兴趣的:(基于 Hybrid App(混合模式移动应用)中IOS开发证书创建和打包使用)