场景
用vue
写好了H5 app
项目,现在想要把这个项目打包成App,也就是将vue
项目打包成app上架,测试。
用Hbuild 打包vue项目主要步骤
- 打开
hbuildx
,新建一个5+App
项目 - 然后修改项目中生成的
index.html
文件内容,填写需要访问的网址,填写测试连接就是打包测试包
,也可以打包发布包 - 根据项目修改
manifest.js
的文件配置 - 以上配置好之后,原生
APP
云打包,就可以生成Android
或是iOS
安装包
详细步骤图文讲解
- 首先打开
Hbuildx
(如没有安装的话先下载安装: 下载地址)
使用Hbuildx
打包APP
。在Hbuildx里面创建一个新项目,按以下要求创建好项目。
新建一个5+App
项目,保持默认模板,可自定义名称和路径
成功创建之后的项目结构
- 修改
index.html
的内容, 内容如下,可参照我的内容改写一下(这个方法是在App里面打开一个已经自定义链接,以App的方式打开),访问网址可以根据实际的项目进行修改。
打包项目已上传到github下载打包项目(包含错误页面和设置网络页面及功能)
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<