H5 离线打包 iOS App 教程

一. HBuilderX 部分

• 下载 HBuilderX： www.dcloud.io/hbuilderx.h…

• 使用 HBuilderX 打包本地资源，如图：

  

• 打包完成之后，点击控制台输出的链接，跳转到本地资源目录，如图：

• 拷贝 www 文件夹备用，如图：

  

二. Xcode 部分

• 下载 Xcode（苹果开发者官网 / App store）

• 下载 HBuilderX iOS SDK 压缩包：ask.dcloud.net.cn/article/103，解压并在 Finder 中打开文件夹。

• 找到 HBuilder-Hello 项目下的 Pandora - apps - HelloH5 - www 文件夹，用前面拷贝的 www 文件夹替换此处的 www 文件夹。

• 在 Finder 中修改 www 的上一级文件夹（HelloH5 ）的名称，与 www文件夹下的 manifest.json文件中的 id 保持一致，如图：

• 使用 Xcode 打开 HBuilder-Hello 项目，如图：

• 修改 control.xml 文件夹中的 appid，与 www 目录的上一级目录名称保持一致，如图：

• 修改 App 名称时，要额外修改 InfoPlist.strings 中文版和英文版才能生效，如图：

• 在 Xcode 的顶部菜单中选择 Product - Archive，如图：

然后导出 ipa 即可，到此就大功告成了。😸