H5+App iOS离线打包教程

猿来是秃头
1,443 阅读3分钟

H5+App离线 iOS（Xcode）手摸手打包教程

前言：H5+ plus开发文档请自行百度，可通过Hbuilder X 新建H5+ app项目参考demo，此处不多做赘述。

一 苹果开发者中心创建证书

打开苹果开发者中心选择Account登录

image.png 登录后选择Certificates，IDS & Profiles如下图所示

image.png

选择Certificates创建开发者证书（分为开发者和发布两种，类型为iOS Development，iOS Distribution），要上架App Store需要的是iOS Distribution。进入证书创建界面后，点击certificates后面的+号进行创建（注：如果已经存在了Production证书，从创建发布证书的电脑导出P12即可，无需重复创建，开发者证书适用于该账号下的所有应用，不需要为每个app单独创建证书，若证书过期重新进行该教程申请即可）

image.png

选择Software下面iOS Distribution（App Store and Ad Hoc），Services 不用选，然后点击右上方的continue按钮，如下图所示

image.png

此时打开Mac电脑中的启动台，在里面找到钥匙串访问，点击打开

image.png

打开后在电脑左上角的苹果标旁边点击钥匙串访问，选择证书助理-->从证书颁发机构请求证书，填写邮件地址和常用名称，选择存储到磁盘，自行选择保存路径，保存时需要输入证书密码，这个很重要，千万要记住，保存后，此时你会得到一个CertificateSigningRequest.certSigningRequest文件，留着下面会用到

image.png

image.png

回到苹果开发者中心，继续刚才的流程，选择刚才保存的CertificateSigningRequest.certSigningRequest文件，点击continue

image.png

证书创建完成，点击download下载到电脑，下载完成后会获取到一个后缀为.cer的文件，鼠标双击即可安装在电脑上

image.png

二 创建App ID

在identifiers中，点击添加按钮

image.png 默认选择第一个APP IDS选项，点击continue

image.png

选择app，点击continue

image.png

输入APP ID的名称和Bundle ID，名称随便起一个，Bundle根据自己的格式创建一个，只要不重复唯一即可，下方的多选框可以自行选择需要的（后续也可以编辑的，先不选也没事），然后点击continue

image.png

image.png

image.png

点击Register创建完成

image.png

三 创建描述文件（应用签名）

在Profiles中，点击添加按钮

image.png

在distribution中选择Ad Hoc（适用少量设备，或者本公司内部测试使用，需要配置具体的设备udid，设备udid获取方式自行百度，设备数量上限是100台。上架到App Store的版本到时候再重新创建一个选择App Store，方法跟这个一样），点击continue

image.png

选择要用于开发的App ID（上面步骤二中创建成功的那个），点击continue

image.png

选择一个证书（上面步骤一中创建的那个），点击continue

image.png

选择指定的设备（设备数量上限是一百个），点击continue，（此处没有设备的请看以下教程，绿色框中的内容，操作完成后点击continue，可多次这样操作添加多个设备，已经有设备的，请自行忽略绿色框区域的内容）

image.png

image.png

image.png

输入描述文件名称，点击generate

image.png

点击download按钮下载描述文件

image.png

到此创建苹果开发者账号的步骤已经完成，下面我教大家如何通过集成Hbuilder SDK

四 集成Hbuilder SDK（离线打包必备）

前置条件：

1、下载Xcode12.1 以上的版本（有些朋友还是比较老的版本，建议升级到最新，不然会有一些奇奇怪怪的问题）

2、下载Hbuilder，点击这里直达

3、下载最新的IOS平台SDK到你的Mac电脑中，点击这里直达，请务必确保Hbuilder X的版本与SDK的版本一致，不然会有一些奇奇怪怪的弹窗，如下图所示

image.png

官方SDK集成文档请点击这里获取

avatar
文章
阅读
粉丝