HBuilder提供的打包包括云打包和本地打包。云打包的特点是DCloud正式配置原生打包环境，可以将HTML和其他文件编译成原生安装包。

1.下载HBuilder，注册并登录。首先打开文件-新建-移动APP，输入应用名称。可以根据需要选择地点。建议在选择模板中选择一个空模板。

41.png

2.新项目完成后，新项目目录将显示在项目管理器中，其中css、img、js和index.html文件可以删除、更改或替换。

解包文件夹是放置app图标和启动界面的图片。

Manifest.json文件是移动App的一个配置文件，用于指定显示名称、图标、Application条目文件的地址、要使用的设备的权限等。用户可以通过HBuilder的可视化界面视图或源码视图来配置移动app的信息。

42.png

3.如果css、img、js文件夹和index.html文件被删除，将其他自己的项目文件复制到文件夹中，并注意html文件中的正确引用路径。

如下所示，您自己复制的项目：

43.png

4.复制文件后，在“刷新和更新”下，双击打开manifest.json文件配置App。

Appid:点击云获取。版本号：根据需要编辑。页面入口：默认为index.html。根据自己的项目需要更改APP的启动页面。申请说明：自行填写。应用是否全屏显示：勾选以全屏显示。

44.png

5.图标配置：点击页面底部的图标配置，配置APP显示图标。

1)点击“”方框，选择图标素材路径，找到图标素材，然后点击“自动生成所有图标并替换”按钮，完成图标生成和替换。

45.png

2)，生成的图标自动在解包文件夹中

46.png

6.启动配置，然后单击切换到启动配置

1)、启动选项：默认

2)、启动画面设置，根据自己的需要，不管是Android还是iOS平台，然后根据不同的设备制作启动画面

3)在unpackageres文件下新建一个名为‘splash’的文件，把启动图片放在这个文件中。

47.png

4)在启动画面设置中点击“选择”，找到刚刚放入的启动画面

48.png

7.SDK配置：必要时配置，不配置时默认。

8.模块权限配置：必要时配置，不需要时默认。

9.页面引用关系：

首先单击“扫描代码”，然后单击左侧的index.html文件

这个功能是什么意思：点击左边的html文件，右边会显示不同的文件和图片。它可以代表加载左边html文件时所需的资源。

49.png

10.代码视图：在代码视图中检查设置是否正确，确认后保存ctrl s。

11.设置配置选项，正式进入打包阶段

HBuilder点：“发布”-“发布为本机安装包”以开始打包

410.png

这里是iOS打包的介绍

1)、在这里，如果选择越狱包，不需要Apple证书，一路默认设置就可以打包成功，但是打包好的App只能安装在越狱手机上，没有越狱就无法安装。

2)如果使用苹果证书，我们推荐一款工具Appuploader申请iOS证书。可以使用Appuploader申请ios测试证书，打包ipa，安装在非越狱设备上，无需使用Apple付费开发者账号，直接使用普通Apple id。

工具的安装网址：http://www.applicationloader.net/blog/zh/72.html

无开发者帐号证书申请指南：http://www.applicationloader.net/blog/zh/1073.html

12.提交成功后点击确定，即可查看应用打包状态

411.png

包成功后，可以手动下载，通过第三方工具Apple Assistant安装到ipad上。

412.png

13.调试和安装模拟器

如果需要在电脑本身上调试，需要安装模拟器。请参考如何在http://ask.dcloud.net.cn/article/151,安装和配置手机模拟器或在HBuilder中查看 运行 手机运行 如何安装和配置手机模拟器。

如果需要安装在手机上进行实机调试，用数据线将手机连接到电脑上，然后重启HBuilder 运行手机运行连接实机。

本文转载自中文网站