首页 / 知识
使用Hbuilder打包WebApp
2023-04-11 14:48:00
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。
HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。
1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动APP”，输入“应用名称”，“位置”可以根据需要自己选择即可，“选择模板”建议选择空模板；
41.webp
2，新建完成后，在项目管理器会显示新建的项目目录，其中css，img，js和index.html这几个文件可删可改可替换。
unpackage文件夹是放置app图标和启动界面的图片。
manifest.json文件是移动App的配置文件，用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息，用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。
42.webp
3，如果删除了css，img，js文件夹和index.html文件，就把其他自己的项目文件对应复制到文件夹中，注意html文件中的引用路径需要保持正确。
如下图自己拷贝的项目：
43.webp
4，文件复制完成后，刷新更新下，双击打开manifest.json文件来配置App。
appid：点击云端获取。版本号：根据需要来编辑。页面入口：默认是index.html，根据自己项目需要，更改APP的启动页面。应用描述：自己随便填。应用是否全屏显示：勾上就全屏显示。
44.webp
5，图标配置：点击页面下方的图标配置，配置APP显示图标。
1)点击"+"号的正方形方框，选择图标素材的路径找到图标素材，再点击"自动生成所有图标并替换"按钮，完成图标生成和替换。
45.webp
2),生成的图标自动在unpackage文件夹下
46.webp
6，启动图片（splash）配置，点击切换到启动图片配置
1)，启动选项：默认
2)，启动图片设置，根据自己需要是Android还是iOS平台，再根据不同设备对应做出启动图片
3），在unpackage→res文件下新建个文件命名"splash"，把做好的启动图片放到这个文件里面。
47.webp
4），在启动图片设置里点击"选择"，找到刚放进来的启动图片
48.webp
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→→运行→→手机运行→→连接上真机。
|
最新内容
相关内容
python列表是否允许重复
python列表是否允许重复，培训，表里，元素，字典，列表，方法，长度，种类，也就是，下面，python列表允许重复，下面我们就来介绍几种判断列表是否重复的
python的time怎么使用
python的time怎么使用，时间，平台，单位，实时，标准，培训，术语，模块，函数，精度，python中的time模块time这个模块提供各种与时间相关的函数。相关
pythonexp是什么
pythonexp是什么，培训，指数，函数，模块，表达式，数值，静态，语法，实例，对象，pythonexp()函数描述exp()函数返回x的指数，语法importmathmath.exp(x
python三引号怎么使用
python三引号怎么使用，培训，代码，名字，引号，字符串，注释，下面，定义，以上，作用，python中的三引号，3个单引号及3个双引号，通常用来换行书写代码，或
python format是什么
python format是什么，数字，培训，小数，编号，字符串，顺序，中间，小数点，括号，字段，python中format主要是用来格式化字符串的。format用法相对基
pythondef是什么
pythondef是什么，代码，培训，名字，函数，括号，定义，内部，功能，参数，脚本，python里的def：自定义函数通常使用def关键字来开始定义。使用def开始函
pythondict是什么类型
pythondict是什么类型，培训，数字，字典，类型，数据类型，冒号，括号，逗号，字符串，容器，python中的dict表示的字典数据类型。字典是另一种可变容器
python input() 类型是什么
python input() 类型是什么，培训，标准，数据，函数，字符串，内容，用户，程序，过程，整数，python3.x中input()函数接受一个标准输入数据，返回为strinpython变量怎么使用
python变量怎么使用，培训，信息，数字，变量，字母，空格，开头，关键字，意义，规则，python中的变量主要是用来存贮信息的。message="HelloPythonwor
python标准库是什么
python标准库是什么，标准，平台，设计，系统，培训，时间，庞大，组件，模块，操作系统，python标准库非常庞大，所提供的组件涉及范围十分广泛，正如以下内
python迭代器是什么意思
python迭代器是什么意思，数据，培训，位置，对象，方法，函数，数据流，惰性，序列，元素，迭代器(Iterator)：迭代器可以看作是一个特殊的对象，每次调用该python文件后缀名是什么
python文件后缀名是什么，培训，系统，文件，控制台，后缀名，文本，窗口，编辑，程序，源程序，pypy以py扩展名的文件是Python源码文件，由python.exe解释