【HBuilder】将网址打包封装成安卓和苹果APP的教程

最新推荐文章于 2024-07-21 22:23:56 发布
最新推荐文章于 2024-07-21 22:23:56 发布
阅读量1.2k 收藏 7
点赞数 19
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84149635/article/details/137932292
版权
本文介绍了如何使用HBuilder将网址打包成安卓和苹果APP，包括删除不必要的模块权限，配置图标和启动图，以及进行云打包。在打包过程中要注意安卓apk的直接安装，而苹果APP的生成可能需要签名。
摘要由CSDN通过智能技术生成

4、在manifest.json文件底部，切换到“模块权限配置”，把红色和黄色的模块删掉，我们不需要使用。

5、配置APP桌面图标，在manifest.json文件底部，切换到“图标配置”

6、配置启动图，在manifest.json文件底部，切换到“启动图片配置”

这里最好配置一下，虽然比较麻烦，如果不上传启动图，就会默认显示 HBuilder的官方图片！

7、配置完记得保存，然后在项目上右键  → “发行” → “云打包-打包原生安装包§”

8、 在弹出框里，配置安装包参数

最低0.47元/天 解锁文章
2401_84149635
关注
  • 19
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 项目利用 HBuilderX 打包 APP 流程
前端知识分享喵
05-12 6630
想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。
hbuildx打包成apk_基于HBuilder将H5站点打包成app
weixin_35143455的博客
01-14 4519
整理说明本文介绍了基于HBuilderX,将自主开发的H5网站，使用云打包app的方法，以及打包app过程中，遇到的问题和解决方法。在HBuilderX中开发的应用，或者第三方的h5应用，可以创建项目，提交到云端打包生成apk(Android平台)和ipa(iOS平台)。如果本地配置好对应的原生开发环境，也可以使用本地打包。HBuilder介绍HBuilder是DCloud(数字天堂)推出的一款支...
HBuilder打包
hsy_hhh的博客
09-13 7684
打包步骤： 1.在项目的根目录下新建vue.config.js文件，添加配置 module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static' } 2.打开终端，进入项目根路径，执行npm run build，生成dist打包文件 3.打开HBuilder，新建项目，选择H5+App，输入自己的项目名称，尽量不要使用默认路径去保存项目 4.在文件夹中找到打包生成的dist文件夹，将里面的文件放入项目.
创建自己的 app： html网页直接打包成app；在线网页打包app工具fusionapp、桌面应用工具pake
最新发布
weixin_42357472的博客
07-21 690
最终运行打包，点击云打包，打包会下载东西等一会，下载完成再次进行打包需要3-5分钟，最终apk放在unpackage\release\apk下。项目创建后，把原项目的css js等不用的文件删除，只保留mainfest.json;然后点击发行生成本地app资源，运行完成会下面显示导出完成，会在unpackage\resources\H5F919204\www下。权限配置这里，把android.permission.READ_CONTACTS那行删除，不然后面真正打包报错。2）hbuilderx下载使用。
HBuilder打包App方法
weixin_30385925的博客
09-05 1234
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。 1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动AP...
HBuilderX打包发布Android端app（.apk文件）
avdgrgg的博客
06-25 1305
官网下载HBuilderX编辑器（前端app常用开发工具，内置多种app组件）地址栏直接输入下载后直接解压即可。
HBuilder X将网址打包成app
m0_50552019的博客
11-22 1372
第一步：新建5+APP项目 第二步：配置网址 打开App首页后，跳转到网址 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title>
im即时通讯源码 聊天交友APP源码带音视频 即时通讯源码 IM源码 安卓苹果WEB三端+搭建教程
10-05
前端开发语言：VUE（ 安卓，IOS,WEB为一套...前端打包工具：Hbuilder 服务器搭建工具：宝塔 + Xshell 短信接口： 支持阿里云 支付接口：支持支付宝 服务器配置： 4核8G宽带10兆以上 服务器系统：Linux Centos 7.6 64位
网站打包APP，android原生APP封装网页,app封装.zip
01-03
老版本：将网站封装为安卓APP，修复新版本安卓只能使用https的情况，修复返回键退出APP情况，支持自定义错误页。 开发工具：android studio 注意：部分网站可能不兼容自行百度修改 当前版本：在原有基础上处理了网页部分按钮无法点击的情况，修复了无法播放网页提示音的情况，修复了无法使用上传图片的情况（之前点击上传无反应，当前版本会调用系统自带的图片选择工具）。
Hbuilder项目Android Studio本地打包详细步骤
08-30
Hbuilder项目Android Studio本地打包详细步骤，包含官网地址，步骤、截图、注意事项
20191107 关于mui的app打包
do what you like && brave
11-07 3283
HTML5 Plus应用概述 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。 HTML5 Plus规范 通过HTML5开发移动App时，会发现HTML5很多能力不具备。为弥补HTML5能力的不足，在W3C中国的指导下成立了HTML5中...
HbuilderX打包成apk安卓安装包并装到手机上
热门推荐
AN_NI_112的博客
05-27 1万+
HbuilderX打包成apk安卓安装包并装到手机上
Swift - 使用HTML5进行iOS开发（将HTML5打包成iOS应用）
weixin_34092370的博客
10-07 645
最近越来越流行使用HTML5进行跨平台应用开发，先不说运行效率如何。从人力成本来说，只要写一套html页面就可以打包发布到安卓和iOS等多个平台，确实会省下不少时间和人力（这个领导最喜欢了）。 下面简单介绍下如何把HTML5编写的页面编译成iOS应用，以及如何让页面与Swift代码进行交互。 1，使用UIWebView还是WKWebView来加载html页面 原来我们一直...
网页应用打包安卓App (详细教程)
羊叔的博客
05-30 1099
applicationId为创建时的包名，compileSdkVersion为编译版本， minSdkVersion为兼容最小的版本号，targetSdkVersion为目标版本， 有兴趣的可以百度一下三者之间的区别和联系。” versionCode需要设定一个数值，一般为1， 每次更新版本时versionCode的值都要比前一个设置的值大， 否则无法正常安装，versionName一般填写主版本号次版本号和修正号， 如图中的“1.0”为最初版本号，其余的可以自行查阅。就可以正常使用AS的模拟器了。
vue项目（webpack+mintui），使用hbuilder打包app - 小小人儿大大梦想 - 博客园
没做过产品的后端不是个好前端
11-11 336
一、配置config/index.js 本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。 （1）页面空白的解决： 打开config/index.js，将build模块的assetsPublicPath值改为’./’ 1 assetsPublicPath:'./', 发布路径 （2）css引用图片资源找不到问题： 因为打包后路径发生变化，导致..
使用hbuilder打包APP(安卓)
weixin_41583535的博客
05-25 2037
一、 开发者证书的生成       前提条件：确保电脑安装了jdk       1.使用管理员的身份打开命令窗口                 2.使用cd 切换到jdk所在的目录            3.输入keytool   4.输入以下命令    keytool -genkey -alias android.keystore -keyalg RSA -validity 20000 -ke...
使用Cordova将Web应用转化为APP的详细指南
"本文档介绍了如何使用Cordova框架将Web应用程序封装成原生移动应用，主要涉及了必要的软件准备、Cordova的安装、项目创建、平台添加以及运行App的步骤。" Cordova是一个开源的移动开发框架，它允许开发者使用HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值