网上有很多将网站在线打包成APP的网站,都是收费,其实网站只要做好移动端优化,或本身就是响应式网站,只需要简单的几个步骤就能把网站打包成简洁的APP。
相应工具很多,中国网页设计推荐使用:HBuilder:官网dcloud.io
会做网页就会制作APP
先学习如何制作APP VS 先学的制作网页
其实很多APP都是利用网页打包成的…
利用HBuilder可以轻松地将网站\博客之类打包成APP…可以在Android或者ios上直接运行…
素材准备
- 安装HBuilder
- 一张 256*256 的APP Logo
- 一张 1920*1080 的APP 启动图 (小一些的也行)
操作步骤
- 打开“
HBuilder
” 先注册一个账号登陆 (否则无法打包) - 点击左上角“
文件
” – “新建
” – “移动APP
” 新建一个项目
- 填写“
应用名称
” – 选择模板“空模版
” – “完成
” - 点击左侧项目名称 – “
manifest.json
” - “
页面入口
”填写网页地址..也可以填写本地网页文件(注意打包时一起带上) – “应用描述
”可以随便填 – “根据重力感应自动横竖屏
”这个最好全部勾上 - 点击下方“
图标配置
” – “选择图标
”(256*256或更小) – “自动生成所有图标并替换
” - 点击下方“
启动图片配置
” – 根据提示分辨率添加启动图 - 配置差不多完成了…点击上方工具栏“
发行
” – “发行为原生安装包..
” - 选择“
Android
” ..ios的也可以一起勾上 – “Android包名
“可以自行更改 – 点击“打包
”开始打包 - 有些会提示如下错误..直接“继续打包”就行..也可以回去更改一下权限 – 自动提交云端打包
- 然后会提示“
云端打包成功
” 点确定会出现“正在制作安装包
”的提示…等待一会 - 制作完成后点击“
打开下载目录
”查看打包好的安装包 - 放在模拟器上或者安卓手机上测试
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3539.html