本文接上一篇 使用HBuilder进行云端打包, 证书和iOS 的配置文件创建步骤就不累述了,都是同样的步骤,创建过了就不用创建了,直接拿过来用就行了。
首先当然是参考,DCloud 官网提供的本地打包文档指南:
http://ask.dcloud.net.cn/article/41
尝试过自己通过XCode新建个工程项目,但是尝试了N次,都编译不通过,无法运行,控制台总报缺少某个库文件,但是从官方文档中也未能找到缺失的文件。最后妥协了,选择从官网下载的SDK中的HBuilder-Hello Demo进行修改,果然毫无问题的运行起来了。其实,官网提供的文档也是让你在它的Hello Demo基础上修改配置参数。
下面是本地打包的步骤:
1.首先到官网下载最新的iOS 平台 SDK。
地址: http://ask.dcloud.net.cn/article/103
2.下载下来后,文件夹里面有如下的文件
001.png3.将文件夹里的HBuilder-Hello 和 SDK 文件夹拷贝出来,放到一个新建的文件夹里,文件夹命名就以项目的英文名称命名,如下图:
002.png这里我就放到一个Demo的文件夹里面。
003.png4.然后我们打开 HBuilder-Hello 项目,开始对官网提供的这个demo进行修改。
修改步骤可以直接参考DCloud的官方文档, http://ask.dcloud.net.cn/article/41 。
我们先修改工程信息,如下图
004.png5.设置完成如下图:
005.png6.接着配置应用图标和启动界面,这个可以根据demo中的icon和splash文件夹中的文件名和大小,将自己项目中的应用图标和启动图设置成相应的图片大小和名称。
006.png 007.png注意: 这里设置应用图标的时候,如果删除官方demo的icon文件夹里的图标后,还需要到Info.plist文件中设置一下Icon Files这个参数,添加图标文件的名称到数组中,如果应用打开图标正常,就不需要这样设置,如果不正常可以这样设置一下,如下图:
008.png 009.png7.更新应用资源,即将H5项目的文件都加载到XCode项目中,这里可以先删除原官方demo里面的Pandora文件夹下apps文件夹下的所有文件,后面将我们H5项目的文件添加到apps文件夹下面就可以了。
010.png我们回到HBuilder中,打开我们的H5项目,然后点击顶部菜单栏上面的发行按钮,选择本地打包,选择本地打包生成App资源,如下图:
011.png我们将生成的资源包放到桌面位置,这里有提示,要注意这三点。并且第一点很重要!!!这里的AppID是我们H5项目的AppID,是manifest.json文件中的id值,这个值是自动生成的,千万不要修改它。 我就是在这里栽过坑,AppID设置成AppleID,导致应用打不开。
012.png 013.png
8.再回到Xcode的项目目录中,将刚刚生成的 App 资源包复制或者直接拖拽到 工程目录的apps文件夹下,如下图所示:
014.png配置好的H5项目原文件,如下图所示:
015.png通过HBuilder自动生成 App 资源包的好处是,它会帮你自动删除manifest文件中的注释。
9.接下来配置应用信息,回到Xcode中,在Supporting Files 文件夹中找到control.xml文件,如果没有可以在SDK文件夹中找到,然后加到项目中来,配置应用信息如下图所示:
016.png到这里基本配置就完成了,可以编译,用真机运行一下,看看是否成功了。配置应用使用的5+功能模块和配置第三方库的参数,根据项目需要自行设置。如果还需要其他配置操作,就再参考官方文档吧, http://ask.dcloud.net.cn/article/41 。
网友评论