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

1.新建项目

文件——>新建——>项目

生成如下所示的目录结构

我们将除manifest.json文件之外的其他文件全部删除，也就是说只保留manifest.json

然后将你的h5项目下所有的文件全部复制到该目录

2.修改manifest.json

2.1 基础配置

上面我们看到有一个appid，这个appid来自于哪儿呢，访问Hbuilder个人配置中心

再往下我们可以看到一个应用入口，请务必保证你的复制过来的html文件首页命名为 index.html

2.2 图标配置

2.3 启动界面配置

默认配置就好

2.4 模块配置

请选择一些你的项目必要的权限，可以快速通过申请

配置完成以上配置即可

3.打包

等待打包完成出现下载地址即可

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

h5项目打包为app相关推荐

使用HBuilderX将vue或H5项目打包app
好久没有搞过将vue项目打包成app了,这两天刚好项目需要将vue开发的H5项目打包成APP,那就简单记录一次呗(之前也写过一篇打包app,是将项目使用hbuilder打开,转为webapp什么的,就 ...
vue前后端分离项目打包成app,部署成移动端
将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...
HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app
1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型,本人打包的是h5app,选的5+app 3.选择好项目本地存放的地址,编写项目名,之后点击创建 4.打开刚刚创建的那个项目, ...
将H5站点打包成app完美攻略
文章目录整理说明 HBuilder介绍打包方法问题解决参考臭味相投的朋友们,我在这里: 猿in小站:http://www.yuanin.net csdn博客:https://blog.csd ...
Vue cli3+Hubuilder将项目打包为App
前言现在跨平台的开发越发的火了起来.前端能做到的事情也越来越多,App再也不用完全依靠安卓原生开发了.现在开发app的方式都是内核是前端开发,然后再给项目套一个安卓的外壳,即可实现app的开发. V ...
将Html网页或者是Aue项目打包成App
把前端的网页打包成App 一. 前言首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...
vue项目打包成app，在ios端iconfont 部分字体图标不显示
最近在用vue结合capacitor 写app的项目,痛苦真痛苦. 在xcode上打包成app之后,发现有些字体图片怎么改都显示不出来. 解决办法: 把引用的css url 加上https
vue移动端项目打包成app
这几天我做了一个vue移动端的小项目就想着打包成 app安装在手机上看看我就讲解下整个思路和过程首先项目开发完之后 (我使用的是vue-cli 3.*版本) 在项目文件夹下创建一个 vue. ...
html5打包成app不能拍照,vue项目打包成app无法使用input调用相机
问题描述:打包成app后使用input上传图片只能做到在文件夹中选取,不能实现拍照上传图片解决方案: 1.利用HTML5 Plus的Camera调用相机 2.利用HTML5 Plus的IO来实现读取 ...

h5项目打包为app