vue项目打包成移动端app

云打包软件选择和证书选择

选择HBuilder或者HBuilder X
提示:最好用HBuilder X
原因为:需要选择证书,有 公用证书,自持证书 ,HBuilderX里面多了一个 公共测试证书,而我们用到的就是这一个。
因为:公用证书(在HBuilderX中为Dcloud老版证书)需要实名认证,需要手持身份证拍照哟!
而 自持证书需要有java 配置的JRE,自己生成证书
所以这测试证书就比较方便!

开始使用,步骤如下

  1. 注册并登陆HBuilder X 或 HBuilder,并且在Dcloud中验证邮箱!!!
    验证邮箱的地址:https://dev.dcloud.net.cn,进入后登陆就有提示你验证邮箱的地方!

  2. 新建项目 ,HBuilderX中为5+App,HBuilder为移动App,新建出来里面的内容先不用管!

    新建App项目

    这是新建后的文件夹

  3. 找到并复制你Vue项目打包好的dist文件夹里面的所有内容。(是复制里面的文件不是dist文件夹哦!)

  4. 粘贴到刚刚创建好的项目里面,并且替换。(有时候里面会有些空的css,js,img文件夹,因为你用vuecli2.x打包里面是static和index.html,css什么的在static里面)这时把空的这三个给删除掉就行。如果是vuecli3.x的话里面不会有这问题的!


    替换后的文件,这是用vuecli3打包后的dist里面的
  5. 弄好上面的步骤后,这时你需要简单的配置下manifest.json了,


    json的基础配置,注意放大看字哦!
  6. 配置完成后,点击任务栏里面的 云打包


    云打包.png
  7. 将会进入云打包的设置页面,由于没有苹果手机,就采用的安卓版本的apk,注意 ios的证书和安卓的可不同啊!!

    云打包配置说明

  8. 这时点击打包,会有一个进度条,等他显示XX 已成功提交到云端服务器就ok了,有时候会提示你插件版本不一样,继续或者升级都行!

  9. 当然此时会出现一个控制台,会有这些提示:
    [HBuilder] 23:05:47.725 打包成功后会自动返回下载链接。
    [HBuilder] 23:05:47.725 打包过程查询请点菜单发行-查看云打包状态。
    。。。
    等一会就会有一个下载链接,显示有五次下载的机会。这个就是你云打包好的软件啦。
    此时就能去手机上实验了!

------------------------------------------ 已完成 END ------------------------------------------------
如果有帮助,求点赞!!!
如果转载,请标注源地址哦!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容