打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
生成属于自己的APP——简单把网站打包成APP – HBuilder

要将网站打包成APP其实不是很难,只需要简单的几个步骤就能把网站打包成简洁的APP。

前言

很多人初接触代码的时候就是先学习如何制作APP ..

但也有人先学的制作网页…

其实很多APP都是利用网页打包成的…

利用HBuilder 这个编辑器可以轻松地将网站..博客之类打包成APP…可以在Android或者ios上直接运行…

素材准备

  1. 安装一个HBuilder

  2. 一张 256*256 的APP Logo

  3. 一张 1920*1080 的APP 启动图 (小一些的也行)

  4. 一双眼睛..一双手…

操作步骤

  1. 打开“HBuilder” 先注册一个账号登陆 (否则无法打包)

  2. 点击左上角“文件” – “新建” – “移动APP” 新建一个项目

  3. 填写“应用名称” – 选择模板“空模版” – “完成

  4. 点击左侧项目名称 – “manifest.json

  5. 页面入口”填写网页地址..也可以填写本地网页文件(注意打包时一起带上) – “应用描述”可以随便填 – “根据重力感应自动横竖屏”这个最好全部勾上

  6. 点击下方“图标配置” – “选择图标”(256*256或更小) – “自动生成所有图标并替换

  7. 点击下方“启动图片配置” – 根据提示分辨率添加启动图

  8. 配置差不多完成了…点击上方工具栏“发行” – “发行为原生安装包..

  9. 选择“Android” ..ios的也可以一起勾上 – “Android包名“可以自行更改 – 点击“打包”开始打包

  10. 有些会提示如下错误..直接“继续打包”就行..也可以回去更改一下权限 – 自动提交云端打包

  11. 然后会提示“云端打包成功” 点确定会出现“正在制作安装包”的提示…等待一会

  12. 制作完成后点击“打开下载目录”查看打包好的安装包

  13. 放在模拟器上或者安卓手机上测试

PS:HBuilder 有一个专门的模板..mui模板..有兴趣的可以去试试…在新建项目时可以看到

HBuilder 还有其它的许多功能..可以研究研究

相关

HBuilder官网:dcloud.io

官方HBuilder下载:HBuilder.8.8.0.windows

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
只会html也可以做安卓app(附实例)
推荐10个易上手好用的H5网页编辑工具
HBuilder开发App教程03
HBuilder创建App并打包发布
谈谈APP架构选型:React Native还是HBuilder
[重磅] 让HTML5达到原生的体验 系列之一 避免切页白屏
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服