在我们的开发需求中,可能会遇到需要将vue项目中的H5代码打包成一个安卓的app,那么我为大家介绍一套保姆级的解决方案,看完你就会。

VUE + HBuilder

1.准备工作:

需要下载一个HBuilder X编辑器,不过我相信大家身为前端开发工程师,都会有,但是下面我还是会放一个下载地址,以防有些同学没用过uni开发。

下载地址:HBuilderX-高效极客技巧

 

2.开始打包apk:

2.1---首先将我的vue代码执行打包命令,找到你的打包文件。

 2.1---打开HBuilder X 编辑器,新建一个5+App的项目

 2.2---将项目里面的除manifest.json以外的文件全部删除。

 2.3---将vue打包好的文件粘贴复制到新建的项目中,然后选择发行 --> 云打包,然后点击打包。

manifest.json为你的app项目配置,可自行增加配置。

 

 

 

2.4---然后点击打包,继续打包,然后等待

这里会告诉你你打包好的文件apk会放在哪里,之后安装测试即可。

3 注意事项:

我们再将vue打包好的文件复制过来的时候,最好去看一下index的里面资源引入情况,看看和你当前文件夹位置是不是对的上,不然可能会导致白屏。

 

最后希望能帮到大家,如果帮到你,希望你能点个赞,谢谢大家!!!

Logo

前往低代码交流专区

更多推荐