使用HbuildX将vue项目打包成apk

1.先将vue项目执行npm run build (或是yarn build),打包生成dist文件
2.打开HbuildX,文件-->新建-->项目,新建一个项目,如图


1 (1).png

3.在这个新建的项目中,会生成几个文件夹,生成的类似css,js,img,index.html等文件夹删除,其他的不动,然后把刚刚打包生成的dist里面的js,css,index.html等文件放到这个新建的项目中,如下图


2.png
  • ps:上图的图片也是vue项目中的,不是生成的
    4.更改manifest.json里面的内容
    3.png

    图标配置
    4.png

    ![6.png](https://upload-images.jianshu.io/upload_images/20267658-0fa7dddd0e9f11c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    5.在HbuildX的头部导航栏处点击发行-->原生app--云打包,流程如下:
    8.png
  • 在选中Andriod(apk打包)后,就不要再选IOS了,不然会打包不了
  • 有自有证书的就选自有证书
  • 一般选正式打包
  • 对于广告什么的,可选可不选

以上,因为在打包apk时,在选中Android的同时选中了iOS包,所以点击打包一直不显示打包中,特此记录一下
参考:https://www.cnblogs.com/taohuaya/p/10263519.html
ps:如果报错:

122.png

那么在权限配置里把Contact取消选中即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容