• 承接:西安SEO网站优化-SEO整站优化外包-网络营销推广外包服务

HBuilder将网站打包封装苹果/安卓APP教程

王泽鹏博客 2个月前 (07-12) 111次浏览 0个评论
将网站打包成 APP 其实不是很难,只需要简单的几个步骤就能把网站打包成简洁的 APP

 

———————————————-

 

前言

 

很多人初接触代码的时候就是先学习如何制作 APP..
但也有人先学的制作网页…
其实很多 APP 都是利用网页打包成的…
利用 HBuilder 这个编辑器可以轻松地将网站..
博客之类打包成 APP…
可以在 Android 或者 ios 上直接运行…
———————————————————————————————————————
素材准备
一安装一个 HBuilder
二、一张 256*256 的 APPLogo
三、一张 1920*1080 的 APP 启动图(小一些的也行)
四、一双眼睛..一双手…
————————————————
操作步骤
一、打开“HBuilder”先注册一个账号登陆(否则无法打包)
二、点击左上角“文件”–“新建”–“移动 APP”新建一个项目

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

四、点击左侧项目名称 – “manifest.json”
五、“页面入口”填写网页地址..也可以填写本地网页文件(注意打包时一起带上) – “应用描述”可以随便填 – “根据重力感应自动横竖屏”这个最好全部勾上

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

十一、然后会提示“云端打包成功” 点确定会出现“正在制作安装包”的提示…等待一会,打包过程有时候会很长,可以先不管,过会再查看是否完成。

HBuilder 将网站打包封装苹果/安卓 APP 教程

十二、等待制作时间很快的

HBuilder 将网站打包封装苹果/安卓 APP 教程

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

HBuilder 将网站打包封装苹果/安卓 APP 教程

十四、可以在手机测试或者模拟器测试
PS:HBuilder 有一个专门的模板..mui 模板..有兴趣的可以去试试…在新建项目时可以看到
—————————————————–

HBuilder 还有其它的许多功能..可以研究研究
官方 HBuilder 下载:http://download.dcloud.net.cn/HBuilder.8.8.0.windows.zip


王泽鹏博客版权所有丨如未注明 , 均为原创丨 转载请注明HBuilder 将网站打包封装苹果/安卓 APP 教程
喜欢 (0)
[zhifu@wangzepeng.cn]
分享 (0)

您必须 登录 才能发表评论!