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

↘锁芯ラ 提交于 2021-02-11 20:51:20

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

方法:

对于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软件并运行测试刚生成的项目
 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!