h5项目打包为app

我们通过Hbuilder进行打包,首先下载Hbuilder,自行下载安装即可,本文不再说明。

1.新建项目

文件——>新建——>项目
h5项目打包为app_第1张图片

h5项目打包为app_第2张图片

生成如下所示的目录结构
h5项目打包为app_第3张图片

我们将除manifest.json文件之外的其他文件全部删除,也就是说只保留manifest.json
h5项目打包为app_第4张图片

然后将你的h5项目下所有的文件全部复制到该目录
h5项目打包为app_第5张图片

2.修改manifest.json

2.1 基础配置

h5项目打包为app_第6张图片

上面我们看到有一个appid,这个appid来自于哪儿呢,访问Hbuilder个人配置中心
h5项目打包为app_第7张图片

再往下我们可以看到一个应用入口,请务必保证你的复制过来的html文件首页命名为 index.html
h5项目打包为app_第8张图片

2.2 图标配置

h5项目打包为app_第9张图片

2.3 启动界面配置

默认配置就好
h5项目打包为app_第10张图片

2.4 模块配置

请选择一些你的项目必要的权限,可以快速通过申请
h5项目打包为app_第11张图片

配置完成以上配置即可

3.打包

h5项目打包为app_第12张图片

等待打包完成出现下载地址即可
h5项目打包为app_第13张图片

安装到手机可以自己测试一下

你可能感兴趣的:(Hbuilder,知识归纳,h5,打包,app,apk,Hbuilder)