Vue+HBuilderX 程序打包Android APK包

最新推荐文章于 2024-09-10 11:43:18 发布
最新推荐文章于 2024-09-10 11:43:18 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Web相关知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29808089/article/details/108202628
版权

1.准备软件环境HbuilderX和Vue build之后的dist文件夹

2.HbuilderX新建APP程序

3.把Vue dist前端程序拷贝到HbuilderX下新建的项目中，使用覆盖

4.双击新建项目下manifest.json文件，修改基础配置

5.按照流程逐步填写即可

6.点击发行-原生APP-云打包

勾选广告和平台公共测试证书需要登录Hbuilder账户

7.点击打包后不会立即打包完毕，需要等待2-10分钟左右

在Hbuilder下可以看到当前打包进度，打包完毕后会返回APK下载链接

一碗老面i
关注
专栏目录
Vue 项目利用 HBuilderX 打包 APP 流程
前端知识分享喵
05-12 6872
想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。
uniapp+HbuilderX配置打包发布
u012477117的专栏
01-19 4848
一个用uniapp开发的跨平台老项目，需要修改点内容然后发布一个新版本。 研究了下配置证书、打包、发布等。 首先修改项目需求，修改版本和build 期间遇到一些问题，无法识别*.vue，需要安装node，此处不简述了，大家可以搜一下，挺简单的。下面开始说说配置证书打包发布流程： iOS： 一、配置证书 1、首先是老项目，无人管理了，没有原始p12证书等，所以直接创建新证书（Xcode添加开发账号，+ 发布证书，然后钥匙串就看到新的发布证书了） 2、划重点：要将证书设置为始终信任；且二级证书设置为允许所有应用
vue打包android
qzh88888888的博客
10-19 860
命令执行完后，如果成功，在android-app\platforms\android\app\build\outputs\apk\debug目录下会生成app-debug.apk安装文件。Android版本的安装，我这里选择8.0，因为我接下来安装的cordova也是8.0,笔者在安装其他版本踩过大坑，我建议刚学习的伙伴尽量按照我的方式走，可以避坑。今天配置vue android打包环境足足花了我6个小时，终于弄好了，在此记录一下，期间的曲折整过的伙伴们应该知道，如果用二个字形容：“崩溃”
vue打包安卓
qq_43505774的博客
06-17 1155
第一步新建vue项目 注意dist文件 里面 通常打包之后 有static 或者没有 这个是在配置里面的 然后 关键的位置来了 打包安卓使用 Hbuilder 的路径需要注意 vue项目里面打包出来 需要服务器运行 所以 一直给了一个url 路由 /a/b/c 类似这样的 我们需要去项目里面去 修改 比如最新的脚手架 提供了 vue.config.js文件 把打包publicpath 改为 ./ 可以去 打包之后 的 html文件里面 修改 如下 两种方式都是可以的 然后我们需要通过使用Hbuil
使用HBuilderX 进行uniapp 打包Android APK 保姆教程
最新发布
ahualong1的博客
09-10 684
公司业务项目需要打包apk上传的应用市场，打包过程、上架过程、审核驳回等遇到的问题解决，以及操作步骤。
将vue项目打包为安卓软件
xc9711的博客
08-31 1155
将vue打包android安卓软件过程
vue项目（webpack+mintui），使用hbuilder打包app
weixin_30301183的博客
06-14 478
一、配置config/index.js 本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。 （1）页面空白的解决： 打开config/index.js，将build模块的assetsPublicPath值改为’./’ assetsPublicPath: './', ...
vue项目如何打包以及如何变成android、ios应用程序
田兴的博客
10-25 1万+
前言 前段时间写过一篇使用Hbuilder打包前端网站为WebApp(Android,ios应用) 收到很多前段小伙伴私信，vue开发的项目如何打包成android、ios应用,那么今天就带大家走一遍vue开发的项目如何打包，然后如何发布成android、ios安装程序。安装在自己的手机上呢？ vue-cli4搭建的项目如何打包 基于vue开发的应用，现在主流的是使用vue/cli的4.x版本搭建的项目，从vue-cli的3.x版本以后，如何修改vue的项目配置呢？ 1. 创建vue.config.j
vue2.x +webpack4.x+Hbuilder单页面打包成apk
陌上花开
01-21 1170
vue2.x + webpack4.x 写的项目，现在用hbuilder打包成apk，主要有几点注意的： cnmp run build 的时候，更改一下config下的index.js 中 assetsPublicPath: ‘/‘为’./’: 更改router中的 mode为hash模式，或者注释掉history： 把vue项目打包：cnmp run build，得到dist...
HBuilderX打包H5、vue项目
bestyinjun的专栏
12-19 1706
HBuilderX打包H5、vue项目
vue 项目通过 HBuilderX 打包成 apk 移动安装包教程
weixin_42948074的博客
01-18 2659
在使用vue写一些移动端（安卓端）网页的时候 总感觉在用户体验方面不太好，原因有几点， 1.首先在用户需要访问的时候必须去输入框填写你URL地址，像一些内部用的系统一般 网站名也不太容易记，而且不想PC端的浏览器 方便输入。 总之就是懒的去输入，程序员的通病嘛 就是能用简单的绝不搞复杂的，那就废话不多说了，现在使用vue 写页面越来越广泛，如果在找工作的时候说自己不会vue,甚至不知道vue ...
uni-app使用HBuilder X编辑器本地打包app（apk）详情步骤
qq_42390692的博客
05-19 5204
uni-app使用HBuilder X编辑器本地打包 Android app（apk）详情步骤一、下载Android Studio二、安装Android SDK和Google USB Driver三、下载uni-app提供的Android离线SDK四、配置AppKey五、将HBuilder-Integrate-AS 导入Android Studio六、修改HBuilder-Integrate-AS的配置七、RUN！八、打包本地APK 先说一下大概流程以及用到的东西：Android Studio（打包用到的
HBuilderX 打包APK
weixin_38126537的博客
03-16 281
HBuilderX 打包APK。
uni-app使用HBuilder X编辑器本地打包apk步骤说明
各类程序设计成品、文档、学习资料
09-25 5839
安装Android SDK和Google USB Driver即可，后者主要是为了后期使用USB设置的，如果不需要可以不点。注意：Android离线SDK的版本一定注意和HBuilder X的版本匹配，版本如果不匹配会报错。将下载下来的离线SDK进行解压，解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围绕这个文件夹展开工作。下面是解压后的文件夹目录，圈住的就是我们要用到的文件夹。
Hbuilderx uniapp本地打包android 项目
qq_30548105的博客
06-14 1万+
uniapp开发的项目，本地打包成android项目
利用HBuilder打包apk文件
热门推荐
Alive_tree的博客
01-15 1万+
自己写app小软件，打包成apk是非常有成就感的一件事，今天就讲一下如何利用HBuilder把app项目打包成apk，很简单。 1、 在Hbuilder上面新建一个app项目 文件-新建-移动App 2、 点击完成就创建好了一个app项目，如图所示 3、 里面已经存在基本的文件夹和文件 4、 当我们把app的项目完成之后，就可以进行打包，打包双加manifest.json文件，就会出现...
Android studio + hbuilderx 本地打包
xyyy_k的博客
11-14 1281
Android studio打包流程（不太全面）
HBuilderX打包发布Android端app（.apk文件）
avdgrgg的博客
06-25 2191
官网下载HBuilderX编辑器（前端app常用开发工具，内置多种app组件）地址栏直接输入下载后直接解压即可。
使用HBuilderX将Web程序打包为APK教程
"本教程将指导您如何使用HBuilderX工具将Web应用程序打包成可供移动端安装的APK文件。" 在当前的移动应用开发环境中，Web应用程序已经非常普及，但有时候我们希望用户能够像安装传统应用程序一样，直接将Web程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一碗老面i

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值