一、在HBuilderX中创建一个5+app项目
1.1 - 创建5+app项目
1.2 - 5+app文件结构目录如下:
二、将项目dist目录下的index.html文件放入5+app项目
2.1 - 使用npm run build 命令打包生成 dist目录
生成dist目录如下:
2.2 - 打开index.html文件看一下为空白页面
2.3 - 在HBuilderX中打开vue项目,找到manifest.json文件,设置h5配置的运行基础路径后再运行npm run build打包
重新打包后:
2.4 - 将dist/build/h5目录下的static目录和index.html放入5+app项目,如果有重名文件就覆盖
三、在HBuiderX将5+app项目打包成apk文件
3.1 - 鼠标右键点击5+app项目后,点击发行,点击原生app-云打包
3.2 - 打包配置
选择证书后打包,这里用的是云端证书
打包成功:
四、android手机下载展示