当前位置: 首页 > Web前端 > vue.js

HBuilder打包Vue项目并发布

时间:2023-04-01 11:31:00 vue.js

1.安装HBuilderX,首先访问DCLOUD官网https://www.dcloud.io/下载最新的HBuilderX,这里选择App开发版本,下载安装完成后,记得注册一个账号(注意官网开发者平台进行实名认证,否则无法进行打包操作),后面会用到这里。2.创建5+App项目点击左上角的加号选择项目,选择5+App,输入你的项目名称,完成新项目的创建。3.项目操作首先删除创建的项目中除unpackage和manifest.json之外的所有文件,然后打包自己的vue项目,生成对应的dist目录,将dist目录下的文件复制到之前创建的项目中。注意:为a.vue项目选择hash路由,否则获取不到网络资源进入文件目录。b.点击index.html查看页面是否可以加载。如果不是,那就是包装问题。如果有页面,执行以下操作。4.配置manifest.json文件,模块配置、权限配置等App常用的设置选择默认即可。5.打包成webAppa。打包成androidapk点击下载地址下载androidapk安装包b.打包成IOSipa前提条件:(1)苹果电脑一台……(2)苹果开发者账号($99/年),最好用美国的AppleID注册。在中国申请并不容易。登录地址为https://developer.apple.com/account/。(3)生成相应的IOS证书和描述文件。详细可以参考这篇文章https://blog.csdn.net/sinat_35861727/article/details/69990790(4)苹果软件visa(超级签,贵但是更稳定,没签那么容易丢,这个普通标牌便宜但容易丢标。)(5)软件发行渠道,一般发行渠道如蒲公英https://www.pgyer.com/、fir.imhttps://www.betaqr.com/等。(免费版有下载次数限制),所以可以选择自己搭建,可以免去平台分发的费用。//appPlist文件用于自行开发的IOSipa安装包items资产kindsoftware-packageurlhttps://gitee.com/Magically/appPlist/blob/master/ios.ipakinddisplay-imageneeds-shineurlhttps://jeepkoss.oss-accelerate.aliyuncs.com/image/20191127/a1a441f2962a4c3ead97e5311476e4b4.png元数据bundle-identifierio.dcloud.dogexappbundle-version1.0.0kindsoftwaresubtitleDogextitleDogex6.综上所述,以上就是HBuilderX将vue工程打包成webApp的全部内容。具体操作需要自己练习。毕竟,实践是检验真理的唯一标准。如有任何疑问,请随时与我们联系。在下方评论区留言。看到这里我会回复的。最后,感谢您的阅读。如果喜欢,请点赞或收藏。69990790//IOS如何生成IOS证书和描述文件