博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS | 使用HBuilder进行本地打包步骤
阅读量:6152 次
发布时间:2019-06-21

本文共 1399 字,大约阅读时间需要 4 分钟。

本文接上一篇 使用, 证书和iOS 的配置文件创建步骤就不累述了,都是同样的步骤,创建过了就不用创建了,直接拿过来用就行了。


首先当然是参考,DCloud 官网提供的本地打包文档指南:

尝试过自己通过XCode新建个工程项目,但是尝试了N次,都编译不通过,无法运行,控制台总报缺少某个库文件,但是从官方文档中也未能找到缺失的文件。最后妥协了,选择从官网下载的SDK中的HBuilder-Hello Demo进行修改,果然毫无问题的运行起来了。其实,官网提供的文档也是让你在它的Hello Demo基础上修改配置参数。

下面是本地打包的步骤:

1.首先到官网下载最新的iOS 平台 SDK。

地址:

2.下载下来后,文件夹里面有如下的文件

3.将文件夹里的HBuilder-Hello 和 SDK 文件夹拷贝出来,放到一个新建的文件夹里,文件夹命名就以项目的英文名称命名,如下图:

这里我就放到一个Demo的文件夹里面。

4.然后我们打开 HBuilder-Hello 项目,开始对官网提供的这个demo进行修改。

修改步骤可以直接参考DCloud的官方文档, 。

我们先修改工程信息,如下图

5.设置完成如下图:

6.接着配置应用图标和启动界面,这个可以根据demo中的icon和splash文件夹中的文件名和大小,将自己项目中的应用图标和启动图设置成相应的图片大小和名称。

注意: 这里设置应用图标的时候,如果删除官方demo的icon文件夹里的图标后,还需要到Info.plist文件中设置一下Icon Files这个参数,添加图标文件的名称到数组中,如果应用打开图标正常,就不需要这样设置,如果不正常可以这样设置一下,如下图:

7.更新应用资源,即将H5项目的文件都加载到XCode项目中,这里可以先删除原官方demo里面的Pandora文件夹下apps文件夹下的所有文件,后面将我们H5项目的文件添加到apps文件夹下面就可以了。

我们回到HBuilder中,打开我们的H5项目,然后点击顶部菜单栏上面的发行按钮,选择本地打包,选择本地打包生成App资源,如下图:

我们将生成的资源包放到桌面位置,这里有提示,要注意这三点。并且第一点很重要!!!这里的AppID是我们H5项目的AppID,是manifest.json文件中的id值,这个值是自动生成的,千万不要修改它。 我就是在这里栽过坑,AppID设置成AppleID,导致应用打不开。

8.再回到Xcode的项目目录中,将刚刚生成的 App 资源包复制或者直接拖拽到 工程目录的apps文件夹下,如下图所示:

配置好的H5项目原文件,如下图所示:

通过HBuilder自动生成 App 资源包的好处是,它会帮你自动删除manifest文件中的注释。

9.接下来配置应用信息,回到Xcode中,在Supporting Files 文件夹中找到control.xml文件,如果没有可以在SDK文件夹中找到,然后加到项目中来,配置应用信息如下图所示:

到这里基本配置就完成了,可以编译,用真机运行一下,看看是否成功了。配置应用使用的5+功能模块和配置第三方库的参数,根据项目需要自行设置。如果还需要其他配置操作,就再参考官方文档吧, 。

转载于:https://juejin.im/post/5af10f2b51882567105fb212

你可能感兴趣的文章
当意识到一个人的强大时,只剩下仰望
查看>>
Linux汇总一——Linux计算机架构,Linux程序管理,Linux内核功能,Linux命令知识
查看>>
rhel5系统如何编译内核
查看>>
CentOS 5.5 openssh平滑升级到6.7操作步骤
查看>>
linux网卡改名
查看>>
图解 Python 深拷贝和浅拷贝
查看>>
ruby源替换为淘宝源
查看>>
[CCNA图文笔记]-8-Cisco路由CLI基础命令
查看>>
转换fn_dblog的十六进制Current LSN格式
查看>>
域控制器安装
查看>>
老男孩教育高端技术沙龙活动分享--JAVA JVM调优实战
查看>>
activex 数字签证时间戳
查看>>
我的友情链接
查看>>
AIX 增大swap空间大小
查看>>
详解xtrabackup对MySQL进行备份和恢复的全过程
查看>>
oracle中使用序列生成编号
查看>>
Qemu in Ubuntu 12.04
查看>>
查询进程的IO
查看>>
Services and State with Ambari REST API
查看>>
解析CC***原理、CC***表现和CC防御策略
查看>>