如何使用HBuilder打包APP

大家好,我是IT修真院深圳分院第01期学员,一枚正直善良的web程序员。

今天给大家分享一下,修真院官网js4任务中, 如何使用HBuilder打包APP,与部分使用说明!


1.背景介绍

什么是HBuilder?

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。

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

当知道如何创建HTML5 APP项目,以及APP页面如何调试后。接下来,需要考虑的就是HTML5 APP项目打包的事情。

2.知识剖析

2.1、Manifest.json文档

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

Manifest.json文件根据w3c的webapp规范制定,plus节点下内容为HTML5Plus扩展规范,其下包括iOS和Android子节点,内容来源分别为iOS和Android原生打包所要求的参数,用于对5+移动App打包为ipa或apk安装包进行配置。

2.2、应用信息配置

在HBuilder中创建“移动App”应用后后都会在工程下生成manifest.json文件,在“项目管理器”中双击即可打开。

2.3、HBuilder打开manifest.json文件后默认显示“可视化视图”,可配置应用的基本信息:


- 应用名称:App打包后在手机上桌面的快捷方式名称;

- appid:HBuilder appid(应用标识),在创建时分配的、以后不可改的标识。如用户手动修改ID打包时会提示参数错误;

- 版本号:应用的版本号

- 入口页面:应用启动后自动打开的第一个HTML页面,可填写本地html文件地址(相对于应用根目录)或网络地址(以http://或https://开头)。

-debug模式:不勾选打包后的apk不生成日志文件


可通过点击表示设备方向的按钮来选择设备支持重力感应旋转方向。 重力选择按钮可选择一个或多个,选择多个方向后,应用可按照指定方向显示应用页面,如只选中一个按钮,表示终端只支持一个方向显示页面内容。


点击下方的代码视图,切换代码视图,把设置的应用设置信息以json格式展现


3.常见问题

应用的应用图标和启动图片如何设置?

4.解决方案

解决方法:请检查应用的图标是否有格式问题,严格按照指定的尺寸使用png格式提交打包。 图标文件和启动图片都需要png格式的图片,用户可以根据HBuilder提示添加指定尺寸的图片 或者通过修改manifest文件修改图片的引用地址:


设置应用图标只能上传png格式的图片,可以通过上传一张192x192的源图片,可以选择自动生成所有ios和Android上不同格式的应用图标。


设置启动图片只能上传png格式的图片,选择ios和Android上不同尺寸的图片。

5.扩展思考

还有什么比较好的打包的软件

ios打包ipa:iOS开发环境,Mac OS、XCode;

Android打包apk:Android开发环境,使用eclipse和ADT;

6.参考文献

DCloud文档

5+APP开发入门指南

7.更多讨论

打包应用时的开发者证书怎么获取?

IOS与Android的APP发布流程是怎么样的?

详见视频:


如何使用HBuilder打包APP_腾讯视频


PPT链接


今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

感谢大家观看!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,975评论 25 708
  • 1.背景介绍 什么是HBuilder? HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web...
    cczhuc阅读 4,941评论 0 2
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,196评论 4 61
  • 1.美好的一天,由早餐开始,早早起床收拾了自己,收拾了东西,踏上返程路 2.到海口后,大学城里小吃城里吃饭,感叹还...
    萌椒妹阅读 203评论 0 0
  • 统计学习 定义:如果一个系统能够通过执行某个过程改进它的性能,这就是学习。(by Herbert A. Simon...
    萧铁和阅读 679评论 0 3