简单HBuilder X打包前端页面为apk文件

fc&&fl

已于 2023-08-15 18:09:41 修改

阅读量277

点赞数 1

分类专栏： Vue.js3移动应用开发实战文章标签：前端

于 2023-06-30 14:33:27 首次发布

本文链接： https://blog.csdn.net/m0_57057282/article/details/131476027

版权

Vue.js3移动应用开发实战专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先，准备好一个打包好的dist文件，文件夹内容如下所示

然后双击manifest.json

模块配置如图所示，我这个比较简单，你们根据自己的需求勾选

App常用其他设置如下所示

然后点击发行---------->原生App云打包

使用公共测试书

继续打包

打包成功

打开所在目录

发送到手机上，即可安装

关注博主即可阅读全文

立减 ¥

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单HBuilder X打包前端页面为apk文件

首先，准备好一个打包好的dist文件，文件夹内容如下所示。模块配置如图所示，我这个比较简单，你们根据自己的需求勾选。然后点击发行---------->原生App云打包。然后双击manifest.json。App常用其他设置如下所示。发送到手机上，即可安装。
复制链接

扫一扫

专栏目录

HBuilderX 打包 vue 项目生成 apk

GIS（地理信息系统）

07-15

1547

HBuilderX 打包 vue 项目生成 apk

使用HbuilderX将web项目打包成安卓安装包

dhp1994的博客

10-31

1675

创建app项目在 HbuilderX 依次选择：文件》新建》项目，类型选择 5+APP；模板选择默认模板；填写项目名称和项目路径，项目名称最好写英文，项目路径最好不要有中文，点击创建。找到发行》原生》App-云打包，打开打包窗口，按图示配置，点击打包，等待几分钟（此处可能会提示要下载APP在线运行插件，等待下载完成就行）即可打包完成。图标配置：上传正方形的.png图片作为app的图标，注意格式必须是.png。按照控制台打印的路径，找到对应的.apk安装包，传输到手机上即可安装使用。

参与评论您还未登录，请先登录后发表或查看评论

Day 25 - HBuilder X 产生 apk

m0_50614038的博客

10-31

1342

Day 25 - HBuilder X 产生 apk 使用 HBuilder X 来开发手机端应用，原则上需要包含这几个步骤下载开发工具并安装注册 dcloud 开发帐号新增项目设定 Andriod 组态透过云端进行编译成apk 修改手机设定并安装apk 下载开发工具并安装打开本地浏览器，输入 HBuilderX 官方网站的网址 https://hx.dcloud.net.cn/ ，根据自己的作业系统，下载开发工具并安装，如下图所示，在 MacOSX 安装 HBuilderX。图 1、M

Hbuilderx发布安卓越app，生成apk 设置包名，查询公钥及md5

nelly521的博客

11-22

898

第三步：登陆Dcloud网站。注意：选快速安心打包。

(HBuilder X) 从下载HBuilderX到生成app.apk

cuber-lotus的博客

03-18

5803

文章目录下载使用安装预览创建项目打包成APKmanifest.json 配置注册账号限权配置图标设置原生App-云打包安装使用效果使用Android模拟器通过Android Studio 启动模拟器通过命令行启动模拟器附录END 下载官网下载： HBuilderX-高效极客技巧 (dcloud.io) 因为我们需要打包app，所以最好下载的是App开发版，若是标准版则需要自行下载和配置app的依赖下载好后是一个压缩包，解压后直接可以使用（无安装）：使用第一次使用可以选择主题，和习惯快捷键

使用HBuilderX将uniapp项目打成apk包

qq_53987671的博客

03-18

7098

一、在HBuilderX中创建一个5+app项目 1.1 - 创建5+app项目 1.2 - 5+app文件结构目录如下：二、将项目dist目录下的index.html文件放入5+app项目 2.1 - 使用npm run build 命令打包生成 dist目录生成dist目录如下： 2.2 - 打开index.html文件看一下为空白页面 2.3 - 在HBuilderX中打开vue项目，找到manifest.json文件，设置h5配置的运行基础路径后再运..

利用HBuilder打包前端开发webapp为apk的方法

08-28

下面小编就为大家带来一篇利用HBuilder打包前端开发webapp为apk的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Hbuilderx离线打包详细教程

06-20

本人小白，刚接触app，由于Android Stuido原生开发比较困难，所以采用Hbuilderx进行h5开发，由于使用HbuilderX云打包要进行排队，而且要付费，考虑到以后项目在上线后，若遇到紧急bug修复，采用云打包模式有可能还要...

使用Kivy将python程序打包为apk文件

09-21

本文给大家分享的是使用Kivy将python程序打包为apk文件的方法，包括安装步骤及相关代码，有需要的小伙伴可以参考下

在HBuilder里面把一个web项目打包成apk文件

weixin_43782914的博客

11-30

4456

在HBuilder里面把一个web项目打包成apk文件的步骤 1.创建一个移动App项目，点击左上角的"文件"——>“新建”——“移动App”； 2.随便找一个已经写好的web项目复制到新创建的App项目里面； 3.点击上面的"发行"——>“云打包-打原生安装包”，如图： 4.然后会出现以下页面：如果是苹果系统选择"iOS",如果是Android系统则选择"Android";这里...

Hbuilder X 版本更新（热更资源以及安装APK）

03-07

Hbuilder X 版本更新（热更资源以及安装APK）说明文档 https://blog.csdn.net/nicepainkiller/article/details/88315309

HbuilderX打包成apk安卓安装包并装到手机上

AN_NI_112的博客

05-27

1万+

HbuilderX打包成apk安卓安装包并装到手机上

使用HBuilderX打包vue生成安装包apk

youyouyouyou44的博客

03-27

1872

在打包vue程序的过程中，遇到了很多问题： 1、HBuilder模拟器查看的界面空白刚开始使用的HBuilder打包，结果安装以后无法运行，界面上什么都没有，然后使用HBuilder调试基座查看，还是不能查看，在此之前是可以成功查看的，后来检查了一下主要是我使用了路由Router的问题，不使用路由的时候是可以正常运行查看的，后来查了一下有人说是版本的问题...

HBuilder+uni-app+Android Studio生成本地apk

qq_42048638的博客

04-04

1109

此包名填入申请的离线Key的包名中。生成的APK直接发送到手机即可安装。创建成功之后申请离线打包key。打包成功之后会出现资源文件（

利用HBuilder打包apk文件

热门推荐

Alive_tree的博客

01-15

1万+

自己写app小软件，打包成apk是非常有成就感的一件事，今天就讲一下如何利用HBuilder把app项目打包成apk，很简单。 1、在Hbuilder上面新建一个app项目文件-新建-移动App 2、点击完成就创建好了一个app项目，如图所示 3、里面已经存在基本的文件夹和文件 4、当我们把app的项目完成之后，就可以进行打包，打包双加manifest.json文件，就会出现...

vue项目通过HBuilder打包成apk，实现apk自动更新下载

小废物

11-27

1003

将 vue 项目中的 dist 文件复制到 HBuilder 项目中。打包成 dist 文件，生成的 dist 文件在项目根目录下。在 HBuilder 中新建一个项目。vue 项目在终端执行。

uniapp：HbuildeX项目实现jenkins自动化打包上传

mosowe

06-06

4261

ubuntu系统上的jenkins部署基础指令，发送给windows服务器上，windows服务器使用HBuilderX软件的cli.exe执行相关cli命令打包，然后jenkins再调用接口下载打包后的文件。使用pm2后会导致npm包安装失效，貌似是因为在pm2中又进行了一次转译啥的，导致py里面的相关路径可能产生问题，致使os.system命令进入项目文件夹进行npm包安装失效。因对接jenkins所以需要开发对应的接口请求来满足相关的指令发送与文件传输。项目使用域名来控制环境变量，做好相关配置即可。

Hbuilder项目jenkins自动化打包apk后卡在启动页无法进入首页

hnnd123的博客

03-29

5204

Hbuilder项目导出Androidstudio离线打包 jenkins自动化构建后，成功生成了apk文件，安装后一直卡在开屏页我们将生产的apk文件后缀名强行改为zip，解压打开：而我们使用AS手动打包同样操作解压后：看到区别没？jenkins生产的包解压后明显少了manifest.json文件，而Hbuilder项目的入口文件等信息就是配置在manifest.json文件中，缺少这...

uni-app android 本地离线打包步骤【保姆级】一看就会

weixin_44741855的博客

04-13

2731

uni-app android 本地离线打包

hbuilderx打包apk文件