HBuilder打包App方法

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既能够支持web代码编写，也能够将已经编写好的项目代码打包为手机APP。

HBuilder提供的打包有云端打包和本地打包两种，云端打包的特色是DCloud官方配置好了原生的打包环境，能够把HTML等文件编译为原生安装包。

 

1，下载HBuilder，注册并登录。首先打开“文件”-“新建”-“移动APP”，输入“应用名称”，“位置”能够根据须要本身选择便可，“选择模板”建议选择空模板；

2，新建完成后， 在项目管理器会显示新建的项目目录，其中css，img，js和index.html这几个文件可删可改可替换。

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

manifest.json文件是移动App的配置文件，用于指定应用的显示名称、图标、应用入口文件地址及须要使用的设备权限等信息，用户可经过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。

3，若是删除了css，img，js文件夹和index.html文件，就把其余本身的项目文件对应复制到文件夹中，注意html文件中的引用路径须要保持正确。

以下图本身拷贝的项目：

 

4， 文件复制完成后，刷新更新下，双击打开manifest.json文件来配置App。

appid：点击云端获取。版本号：根据须要来编辑。页面入口：默认是index.html，根据本身项目须要，更改APP的启动页面。应用描述：本身随便填。应用是否全屏显示：勾上就全屏显示。

5，图标配置：点击页面下方的图标配置，配置APP显示图标。

1)点击"+"号的正方形方框，选择图标素材的路径找到图标素材，再点击" 自动生成全部图标并替换"按钮，完成图标生成和替换。

2),生成的图标自动在unpackage文件夹下

6，启动图片（splash）配置，点击切换到启动图片配置

1)，启动选项：默认

2)，启动图片设置，根据本身须要是Android仍是iOS平台，再根据不一样设备对应作出启动图片

3），在unpackage→res文件下新建个文件命名"splash"，把作好的启动图片放到这个文件里面。

4），在启动图片设置里点击"选择"，找到刚放进来的启动图片

7，SDK配置：有须要就配置，没有就默认就行。

8，模块权限配置：有须要就配置，没有就默认就行。

9，页面引用关系：

首先点击“扫描代码”，再点击左边index.html文件

该功能是什么意思：点击左侧html文件，右侧会显示不一样的文件，图片等。能够表示左侧html文件加载时所须要的资源。

10，代码视图：在代码视图里查看设置是否正确，肯定后ctrl+s保存好。

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

HBuilder里点："发行"-"发行为原生安装包"开始打包

这里介绍一下iOS打包

1），这里若是选择越狱包就不须要苹果证书，一路默认设置就能够打包成功，可是打包的App只能安装在越狱过的手机，没越狱安装不了。

2），若是使用苹果证书，这里推荐一个申请iOS证书的工具 Appuploader。免苹果付费开发者帐号，直接使用普通苹果id，就能使用Appuploader申请ios测试证书，打包ipa安装到非越狱设备。

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

免开发者帐号申请iOS证书教程：http://www.applicationloader.net/blog/zh/1073.html

 

12，提交成功后点击肯定，就能够查看App打包状态

等打包成功，就能够点手动下载，经过第三方工具 苹果助手安装到ipad上了。

13，调试和安装模拟器

若是你须要在电脑本机进行调试那就须要安装模拟器，请参考http://ask.dcloud.net.cn/article/151如何安装配置手机模拟器，或者在HBuilder里→→运行→→手机运行→→如何安装配置手机模拟器进入查看。

若是须要安装到手机进行真机调试，把手机用数据线链接到电脑，而后从新启动HBuilder→→运行→→手机运行→→链接上真机

-------------------------------------------------------------------

原文：转载云悠博客

https://www.cnblogs.com/yizhilin/p/7479166.html

---------------------------------------------------------------------------