免费网站打包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” 新建一个项目
    免费网站打包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)
江山如画的头像江山如画管理团队
上一篇 2019年6月11日 上午8:14
下一篇 2019年6月24日 上午10:29

99%的人还看了以下文章

  • JSP制作后台登录页面:login.jsp

    设计数据库employee,manager表,字段:user_id (主键,自增1,int类型),user_name, password 创建数据源:employee_dsn 制作登录页面login.jsp 登录页面 login.jsp代码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transition…

    2020年12月6日
    3.4K0
  • OpenCV-最优秀的Python人脸识别库安装及入门教程

    OpenCV库(open source computer vision library)是一个基于BSD许可(开源)发行的跨平台计算机视觉和机器学习软件库,可以运行在Linux、Windows、Android和Mac OS操作系统上,具有跨平台特性,轻量级且高效,实现了图像处理和计算机视觉方面的很多通用算法。 OpenCV用C++语言编写,它具有C ++,P…

    2020年12月8日
    2.6K2
  • 上机实战八:Java web编程综合案例

    建议学时:6 一、开发基于MVC模式的信息管理系统,如新闻发布系统,要求用户可查看、查询。管理员进入后台可对发布新闻(实现相应的增删查改)。 后台添加文章,建议使用UEditor! UEditor 是开源、免费的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果。 UEditor兼容性很好,是网站站长开发的首选,官网地址:UEditor官网 包…

    2018年12月11日
    3.1K0
  • 表单method方式为post或get中文乱码的解决方法

    表单method方式为post中文乱码解决方法 ■设置请求和响应的编码方式 request.setCharacterEncoding(“utf-8”); response.setCharacterEncoding(“utf-8”); 表单method方式为get中文乱码解决方法 ■治标的方法: new String(s.getBytes(”iso-8859-…

    2019年12月17日
    2.4K0
  • 第2课:编写第一个C语言程序

      用C语言语句编写的程序称为C程序或C源程序。 下面编写第一个C语言程序,这个程序是在Visual C++ 环境下编译通过的。 Microsoft Visual C++(简称Visual C++、MSVC、VS或VC)是微软公司的C++开发工具,具有集成开发环境,可提供编辑C语言,C++以及C++/CLI等编程语言。 【例1.1】用C语言编写一个…

    2020年4月5日
    2.9K0
  • 在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法

    一、在servlet中输出JS中文乱码 解决方法 在servlet中添加以下代码:   request.setCharacterEncoding(“UTF-8”);   response.setContentType(“text/html”);   response.setCharacterEncoding(“UTF-8”); 二、servlet中alert…

    2019年11月29日 编程开发
    5.0K0

发表回复

登录后才能评论