百搜论坛欢迎您的加入!
adimg adimg
 
昨日:篇  今日:篇   总帖:篇   会员:
博主最大Lv63   
免费网站打包APP,网址打包APP教程 – HBuilder     

网上有很多将网站在线打包成APP的网站,都是收费,其实网站只要做好移动端优化,或本身就是响应式网站,只需要简单的几个步骤就能把网站打包成简洁的APP。

相应工具很多,中国网页设计推荐使用:HBuilder:官网dcloud.io

会做网页就会制作APP

先学习如何制作APP   VS   先学的制作网页

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

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

素材准备

  1. 安装HBuilder
  2. 一张 256*256 的APP Logo
  3. 一张 1920*1080 的APP 启动图 (小一些的也行)

操作步骤

  1. 打开“HBuilder” 先注册一个账号登陆 (否则无法打包)
  2. 点击左上角“文件” – “新建” – “移动APP
    ” 新建一个项目
  3. 填写“应用名称” – 选择模板“空模版” – “完成”
  4. Image
  5. 点击左侧项目名称 – “manifest.json”
  6. “页面入口”填写网页地址..也可以填写本地网页文件(注意打包时一起带上) – “应用描述
    ”可以随便填 – “根据重力感应自动横竖屏”这个最好全部勾上
  7. Image
  8. 点击下方“图标配置” – “选择图标”(256*256或更小) – “自动生成所有图标并替换”
  9. Image
  10. 点击下方“启动图片配置” – 根据提示分辨率添加启动图
  11. Image
  12. 配置差不多完成了…点击上方工具栏“发行” – “发行为原生安装包..” 
  13. Image
  14. 选择“Android” ..ios的也可以一起勾上 – “Android包名“可以自行更改 – 点击“打包”开始打包
  15. Image
  16. 有些会提示如下错误..直接“继续打包”就行..也可以回去更改一下权限 – 自动提交云端打包
  17. ImageImage
  18. 然后会提示“云端打包成功” 点确定会出现“正在制作安装包”的提示…等待一会
  19. ImageImage
  20. 制作完成后点击“打开下载目录”查看打包好的安装包
  21. Image
  22. 放在模拟器上或者安卓手机上测试
 1  已被阅读了7467次  楼主 2021-03-27 22:47:09
回复列表

回复:免费网站打包APP,网址打包APP教程 – HBuilder

联系站长 友链申请桂ICP备19000949号-1     桂ICP备19000949号-1
您的IP:3.80.211.101,2024-03-29 04:45:22,Processed in 0.01638 second(s).
免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。
Powered by HadSky 7.12.9
已有0次打赏
(1) 分享
分享
取消
免责声明
1、本站资源,均来自网络,版权归原作者,所有资源和文章仅限用于学习和研究目的 。
2、不得用于商业或非法用途,否则,一切责任由该用户承担 !
如果觉得本文还不错请点个赞或者打赏点轻币哦~
拒绝伸手党,拿走请回复,尊重楼主,尊重你我他~

侵权删除请致信 E-Mail:207882320@qq.com