HBulider 制作 手机APP

一、关于HBulider

        HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE,HBuilder的编写用到了Java、C、Web和Rub。 HBuilder本身主体是由Java编写。

       快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

二、下载与安装 

• 官网下载地址：http://www.dcloud.io/ 
• 解压到指定目录下
• 运行安装文件中的exe文件（如下图）

         

三、创建一个APP项目 

 1.打开HBulider,依次依次点击文件→新建→移动App,填写应用名称，选择应用存储位置。

        

 2.项目创建成功后，点击项目即可看到已经建好的目录文件，根据自己的APP需求在相应文件夹中创建新的文件。

   

 3.HBulider软件有四种开发模式可以切换，一般使用边看边改模式比较方便自己代码的调试。

   

边看边改模式下，屏幕右边会出现模拟手机屏幕效果，每一步修改代码需要ctrl+s即保存，右边才可以及时展示效果。

 

4.写好相关HTML，CSS，JS后，点击目录中的manifest.json，设置该项目的相关配置。

可以看到相关内容有应用信息完善，图标配置，启动图片配置等等，可以根据自己的需求自行设置。需要注意的是，应用信息中的appid需要点击云端获取，图标配置和启动图片配置需要使用PNG格式的图片才可以。

四、打包、下载与安装

上述内容设置好之后就可以打包了，依次点击菜单栏中发行→云打包-打原生安装包，出现如下图示页面。

     

选择终端，填写相关选项，如果有自有证书则选择并填写，如果没有则选择公用证书。选择公用证书则一定要确保已经云端获取appid,否则无法打包。相关内容完整后点击打包。

  

打包完成，点击手动下载，下载安装包到指定位置。

将安装包由电脑发到手机上进行解压安装即可。