vue项目嵌套安卓壳子打包apk

1.确保你的项目可以正常运行

2.vue.config.js     publicPath 添加一个    publicPath:'./',

vue项目嵌套安卓壳子打包apk_第1张图片

3.需要下载一个HBuilder X编辑器

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

4.新建一个项目

vue项目嵌套安卓壳子打包apk_第2张图片

选择5+App

vue项目嵌套安卓壳子打包apk_第3张图片

创建完成之后删除掉红框内的文件  只保留一个manifest.json

vue项目嵌套安卓壳子打包apk_第4张图片

vue项目嵌套安卓壳子打包apk_第5张图片

5.把自己要变成app的项目打包内容挪进来

vue项目嵌套安卓壳子打包apk_第6张图片6.HBuilder X选择  发行 - 云打包

vue项目嵌套安卓壳子打包apk_第7张图片

输入邮箱密码

vue项目嵌套安卓壳子打包apk_第8张图片

如果你是首次登录或者是之前注册的账号,会让你绑定或者激活邮箱,就按照提示做完之后即可登录成功

之后再点击打包流程   就会出现以下页面

包名后缀改成 app.apk

vue项目嵌套安卓壳子打包apk_第9张图片

vue项目嵌套安卓壳子打包apk_第10张图片

现在出现一个报错

vue项目嵌套安卓壳子打包apk_第11张图片

vue项目嵌套安卓壳子打包apk_第12张图片

点击修改配置 会打开下面的页面 点击重新获取即可

vue项目嵌套安卓壳子打包apk_第13张图片vue项目嵌套安卓壳子打包apk_第14张图片

然后再次点击发行 云打包

点击打包发现还是没反应 是因为这里还在报错

vue项目嵌套安卓壳子打包apk_第15张图片

我们取消掉ios选项 这里不是说不能选择ios 是因为没有配置ios的秘钥,如果你需要打包ios  需要点击ios设置配置个秘钥        

vue项目嵌套安卓壳子打包apk_第16张图片

再次点击打包  看到这个页面和其他的不太一样是因为升级了软件版本

vue项目嵌套安卓壳子打包apk_第17张图片

vue项目嵌套安卓壳子打包apk_第18张图片

vue项目嵌套安卓壳子打包apk_第19张图片

vue项目嵌套安卓壳子打包apk_第20张图片

7.提示去网站实名认证

vue项目嵌套安卓壳子打包apk_第21张图片

登录进去写一下信息我已经写过就不演示了  之后

报错没这个权限我们需要取消一下

vue项目嵌套安卓壳子打包apk_第22张图片

然后继续点击打包 - 变成下面这样

vue项目嵌套安卓壳子打包apk_第23张图片vue项目嵌套安卓壳子打包apk_第24张图片

等待之后 这样就好啦

vue项目嵌套安卓壳子打包apk_第25张图片

8.直接发送到手机上 点击浏览器打开安装

vue项目嵌套安卓壳子打包apk_第26张图片

vue项目嵌套安卓壳子打包apk_第27张图片

这样就好啦

你可能感兴趣的:(前端)