投稿
  1. 125jz首页
  2. 教程
  3. 编程开发

免费网站打包APP，网址打包APP教程 – HBuilder

江山如画 • • 编程开发 • 阅读 7070

网上有很多将网站在线打包成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” 新建一个项目
    免费网站打包APP，网址打包APP教程 – HBuilder
  3. 填写“应用名称” – 选择模板“空模版” – “完成”免费网站打包APP，网址打包APP教程 – HBuilder
  4. 点击左侧项目名称 – “manifest.json”
  5. “页面入口”填写网页地址..也可以填写本地网页文件（注意打包时一起带上） – “应用描述”可以随便填 – “根据重力感应自动横竖屏”这个最好全部勾上免费网站打包APP，网址打包APP教程 – HBuilder
  6. 点击下方“图标配置” – “选择图标”（256*256或更小） – “自动生成所有图标并替换”免费网站打包APP，网址打包APP教程 – HBuilder
  7. 点击下方“启动图片配置” – 根据提示分辨率添加启动图免费网站打包APP，网址打包APP教程 – HBuilder
  8. 配置差不多完成了…点击上方工具栏“发行” – “发行为原生安装包..” 免费网站打包APP，网址打包APP教程 – HBuilder
  9. 选择“Android” ..ios的也可以一起勾上 – “Android包名“可以自行更改 – 点击“打包”开始打包免费网站打包APP，网址打包APP教程 – HBuilder
  10. 有些会提示如下错误..直接“继续打包”就行..也可以回去更改一下权限 – 自动提交云端打包免费网站打包APP，网址打包APP教程 – HBuilder免费网站打包APP，网址打包APP教程 – HBuilder
  11. 然后会提示“云端打包成功” 点确定会出现“正在制作安装包”的提示…等待一会免费网站打包APP，网址打包APP教程 – HBuilder免费网站打包APP，网址打包APP教程 – HBuilder
  12. 制作完成后点击“打开下载目录”查看打包好的安装包免费网站打包APP，网址打包APP教程 – HBuilder
  13. 放在模拟器上或者安卓手机上测试

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3539.html

赞 (5)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2019年6月11日 上午8:14
下一篇 2019年6月24日 上午10:29

99%的人还看了以下文章

  • java中类、接口、方法、变量命名时的大小写问题 编程开发

    java中类、接口、方法、变量命名时的大小写问题

    类或者接口 一个单词：首字母大写 举例：Student,Demo 多个单词：每个单词首字母大写 举例：HelloWorld,StudentName 方法或者变量 一个单词：首字母小写 举例：name,main 多个单词：从第二个单词开始，每个单词首字母大写 举例：studentAge,showAllNames() 常量 全部大写 一个单词：大写 举例：PI …

    江山如画的头像 江山如画
    2020年11月15日
    3.1K0

  • 推荐！Django 新手入门图文教程

    一、Django简介 百度百科：一个开放源代码的Web框架，由Python语言编写…… 重点：一个大而全的框架，啥都替你考虑好了。 1. web框架介绍 具体介绍Django之前，必须先介绍Web框架的概念。 Web框架： 别人已经设定好的一个Web网站模板，你学习它的规则，然后“填空”或“修改”成你自己需要的样子。 一般Web框架的…

    江山如画的头像 江山如画
    2023年1月24日 • 编程开发
    6480
  • jsp教程,jsp专题 编程开发

    上机三 Java Web应用程序设计

    建议学时：8 2学时 一、编写JSP页面date.jsp,格式化显示系统当前时间 需要使用Date类和SimpleDateFormat类。 在头部引入。 <%@ page import=”java.util.Date”%> <%@ page import=”java.text.SimpleDateFormat”%> SimpleDat…

    江山如画的头像 江山如画
    2018年9月11日
    10.7K1
  • 一秒解决cv2.imshow('', frame) size.width>0 && size.height>0 in function 'cv::imshow' 错误 编程开发

    一秒解决cv2.imshow(”, frame) size.width>0 && size.height>0 in function ‘cv::imshow’ 错误

    看网上对size.width>0 && size.height>0 in function ‘cv::imshow’ 错误多是提示，路径问题：要修改路径中的\为/，或要改为绝对路径。 又或是路径包含中文，改成全英文。 搜了半天，没有一个解决问题。 我们静下心来，看下错误提示size.width>0 &&…

    江山如画的头像 江山如画
    2022年9月12日
    2.2K0
  • 最清楚的过拟合（Overfitting）、欠拟合讲解 编程开发

    最清楚的过拟合（Overfitting）、欠拟合讲解

    问题的产生 当我们构建模型时，总会希望假设空间参数尽可能多，系统越复杂，拟合得越好嘛！我们还希望我们的优化算法能使我们的模型产生的损失函数的值尽可能小（即我们的假设空间能够贴合每一个训练样本点）。但这样真的好吗？奥卡姆剃刀貌似又胜利了。然而假设我们的模型达成了上述的情况，有很大概率产生一个ML界非常令人头疼的一件事：过拟合（Overfitting）。 欠拟合…

    江山如画的头像 江山如画
    2022年9月21日
    1.3K0
  • js 编程开发

    JS+CSS3制作图形验证码

    一个前端验证的验证码，利用JS和CSS3实现。

    江山如画的头像 江山如画
    2022年12月1日
    1.9K0

发表回复

登录后才能评论