如何将vue/html在Hbuilder里进行apk打包封装生成直接可用程序

在此简单讲述一下个人的理解；

方法：

对于Hbuilder里的项目文件：

1。直接右键：转换成移动app，然后生成一个json文件manifest.json，在该json文件下配置好应用程序的图标、和功能权限设置

2。点击上方的菜单栏“发行”--》发行为原生安装包，载2进行一系列的打包操作，下载即可像用一般程序一样了

 

对于vue项目app:

在vue项目目录下打开终端并运行项目（yarn serve/npm serve）

 

然后打开vue脚手架（vue  ui）：进入项目管理，配置项目将dist打包路劲：

 

在这里配置路径为：/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/

 

因为在配置原来路径为当前目录时在网页打开的浏览路径为：

谷歌远程移动端调试方式：

 

改好路径确认修改后到终端输入命令：yarn build 运行，即可生成一个dist包到我们的项目目录下，这时我们可以将该包拖拽到Hbuilder里，并通过步骤一再到步骤3的运行测试，即可生成一个完整app应用了

 

 

当然在手机端和电脑端先安装一个电脑控制手机的软件：

 

3.然后手机和电脑连接（软件上面有教程），再打开Hbuild:运行 手机运行——在手机上会自动安装一个Hbuilder软件并运行测试刚生成的项目