使用HBuilderX将H5网页打包成APP

已于 2022-07-06 07:20:39 修改
阅读量3.1k 收藏 6
点赞数 2
文章标签： java
于 2022-07-06 07:18:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MeiLiCongLin/article/details/121177274
版权

使用HBuilderX将H5网页打包成APP

HBuilderX官方地址：https://www.dcloud.io/
安装后打开HBuiderX

选择5+App，名字随便取

创建好之后，打开目录，打开index.html添加

window.location.href=‘https://www.vlwx.com’;

点击manifest.json，基础配置，APP名字，是否全面屏

然后点击图标配置，选好后点自动生成所有图标并替换

点击模块配置，选VideoPlayer和X5内核

然后顶部菜单选发行，选择原生App-云打包

选公测证书然后点打包，（自己有证书就用自己的）

最后打包完成，下载下来就行了

魅力丛林
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用Hbuilder打包前端网站为WebApp(Android,ios应用)
田兴的博客
10-08 4403
准备工作： 你要打包的移动端网站地址，如：http://www.tianguixing.com/dist2/#/ 安装 HbuilderX 工具： 官网：http://www.dcloud.io/ 根据你的电脑系统选择下载开发版 安装成功后，回到Hbuilder官网，注册一个账号，然后到软件里点击左下角头像进行登陆 打开开发者工具软件，点击 文件 -> 新建 -> 项目 选择 Wap2App，填写项目名称并将刚刚复制的网址粘贴进去，模板选择默认模板，然后点击创建 右下角会提示项目创建
网址打包（详细图文教程！） 使用HBuilder将网址打包成app
chestnut栗子的博客
04-01 1万+
使用HBuilder将网址打包成app 使用工具：HBuilder 附上链接：https://www.dcloud.io/hbuilderx.html 教程目的：将封装好的项目网址打包成一个app，即可实现不需要每次输入网址，点击app即可；另外有强制横屏代码以及设置 新手摸索记录，如有错误请友善交流 一、安装HBuilder 点进以上网址进入下载，下载标准版即可 一路点击安装即可，可以自己更改...
HBuilderX打包uni-app项目成安卓app
最新发布
吴某某人的笔记
06-03 813
添加依赖，从这个目录Android-SDK@4.15.82065_20240508\SDK\libs拷贝以下文件到工程下，并再gradle中添加依赖。5、在hbuider生成uniapp工程的app资源。4.5、替换app图标或进入页面图片（可选）此处修改成4.1的key信息。此处修改成3.3配置的包名。生成的信息放入工程目录下。将文件拷贝进去工程替换。
使用HbuilderX将web项目打包成安卓安装包
dhp1994的博客
10-31 1778
创建app项目 在 HbuilderX 依次选择：文件 》新建 》 项目，类型选择 5+APP；模板选择 默认模板；填写项目名称和项目路径，项目名称最好写英文，项目路径最好不要有中文，点击 创建。找到 发行 》原生 》App-云打包，打开打包窗口，按图示配置，点击 打包，等待几分钟（此处可能会提示要下载APP在线运行插件，等待下载完成就行）即可打包完成。图标配置：上传正方形的.png图片作为app的图标，注意格式必须是.png。按照控制台打印的路径，找到对应的.apk安装包，传输到手机上即可安装使用。
uni-app使用HBuilderX打包Web项目
weixin_45067120的博客
01-19 1607
一、找到manifest.json配置Web配置。打包成功，点击地址获取文件。
【HBuilder】将网址打包封装成安卓和苹果APP的教程
2401_84003554的博客
04-12 1061
这里最好配置一下，虽然比较麻烦，如果不上传启动图，就会默认显示 HBuilder的官方图片！→→。
Hbuilderx离线打包详细教程
06-20
通过以上步骤，你就可以成功地使用Android Studio对HbuilderX开发的应用进行离线打包，这将大大提高你的开发效率，特别是在紧急情况下的修复工作。记得根据实际情况调整配置和版本号，保持软件兼容性。
HbuilderX 打包网站教程.docx
07-23
在IT行业中，将一个网页或网站打包成移动应用（APP）是常见的需求，特别是对于希望在手机设备上提供便捷访问的开发者来说。HbuilderX是一款强大的集成开发环境，专为HTML5、Vue.js等前端技术设计，同时也支持将网页...
HBuilderX uniapp打包内存溢出解决放案.zip
05-20
uniapp项目体量过大时，打包H5会报错， - process out of memory 解决放案： 替换HBuildX内置\HBuilderX\plugins\node\node.exe版本 添加\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\...
MUI打包成APP详解.doc
11-08
MUI打包成APP的过程虽然涉及到一些技术细节，但借助HBuilder这样的工具，可以极大地简化这一过程，使得开发者能够快速地将H5应用转换为原生APP，提供给用户更好的使用体验。对于想要开发接近原生APP体验的H5应用的...
h5app:基于5 + App，mui和HBuilder的h5应用
05-28
10. **移动应用打包**：学习如何将H5应用打包成APK或者IPPA，使其能在Android和iOS平台上运行。 通过以上知识的学习和实践，开发者可以构建出具有原生应用体验的H5应用，充分利用Web技术的灵活性和跨平台优势，同时...
HBuilder打包Web网址
05-25
HBuilder打包Web网址
利用HBuilderX将web项目打包成app
慧子
03-16 8121
HBuilderX下载网址：https://www.dcloud.io/hbuilderx.html HBuilderX：可直接将网页打包成手机端app，可以掠过安卓，真的很开心哈哈哈哈 具体的如何构建文件可见教程： 这里只介绍最后的配置打包方法～ 主要步骤 ----- 配置manifest.json文件 在基础配置中输入你的web网址 报错：选上面的重新获取AppID 图标配置...
HBuilderX uni-app 打包发行 H5 配置
lhz_333的博客
12-05 2万+
本文主要记录下 uni-app 使用 HbuilderX 打包并发行 H5 的配置。
HBuilderX打包 H5
Java&Develop的博客
02-15 9550
1.第一步获取appID 2.第二步，更改 地址为线上地址，下图这两个文件里的地址 3.第三步 点击图中圈的，打包
使用Hbuilder打包前端网站为WebApp(Android,ios应用)，详细讲解
2401_84097774的博客
04-05 1211
选择 Wap2App，填写项目名称并将刚刚复制的网址粘贴进去，模板选择默认模板，然后点击创建右下角会提示项目创建成功，此时我们点击打开 manifest.json 文件进行App配置点击 图标配置 ，上传1024px*1024px的 png格式 图片作为App图标，然后点击 自动生成所有图标并替换选择我们的项目，点击菜单栏中的 发行，选择 原生App云打包Android勾选，ios勾选，Android设置 使用公共测试证书，点击打包。
HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app
热门推荐
LIUAWEIO的博客
03-21 2万+
1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型，本人打包的是h5app，选的5+app 3.选择好项目本地存放的地址，编写项目名，之后点击创建 4.打开刚刚创建的那个项目，点击打开manifest.json，就是下图这样子 5.填写你的h5项目地址 6.基本配置（看图），太简单太多自己研究 7.SDK配置里可以配置你的项目的appid、key其他配置，比如你的项目...
hbuilder 生成项目并运行http-server以及Hbuilder的使用
m0_59157023的博客
04-27 890
原文链接：https://www.jianshu.com/p/54b0901cb9cd。哈喽 大家好啊，今天有一个hbuilder的项目。启动完成，直接到本地3000端口访问项目即可。然后由于自己很少用，然后百度到一个博主。第二步：全局安装http-server。第一步：切换到build文件里面。附上http-server的参数。
h5使用HbuilderX打包app
mayaling123的博客
03-11 1111
hbuilderX打包app 接上一篇文章唤醒高德地图，但是这样有个问题就是会没有头部返回，直接导致打开高德地图导航后无法返回到app 因为使用的是window.location.href = http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnative=1 所以在h5中使用了iframe进行了嵌套，把这个schema放到了src中，然后高度使用clientHeight，
hbuilderx打包h5APP
07-28
- *2* [HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app](https://blog.csdn.net/LIUAWEIO/article/details/88719446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值