如何将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软件并运行测试刚生成的项目