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

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

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

网上有很多将网站在线打包成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%的人还看了以下文章

  • jsp教程,jsp专题 编程开发

    java WEB编程技术上机练习一：

    jsp运行环境的搭建（jdk+TOMCAT）、编写JSP页面，配置虚拟目录并访问、熟悉MYECLIPSE的使用，包括项目的部署及运行。

    江山如画的头像 江山如画
    2018年8月29日
    5.2K1
  • python 编程开发

    Python数据分析及可视化,科学计算练习题

    第一章 单元测试 1、 问题:数据分析是指通过分析手段、方法和技巧对准备好的数据进行探索、分析，从中发现因果关系、内部联系和业务规则，为商业提供决策参考。（ ）选项：A:对B:错答案: 【对】 2、 问题:Anaconda中包含了conda、Python在内的超过18个科学包及其依赖项。（ ）选项：A:对B:错答案: 【对】 3、 问题:数据分析是一个有目的…

    江山如画的头像 江山如画
    2022年1月29日
    7.7K1
  • 推荐！一个通用的javaBean很方便的实现连接数据库、查询、插入、修改功能 编程开发

    推荐！一个通用的javaBean很方便的实现连接数据库、查询、插入、修改功能

    这是一个通用的javaBean，能够很方便的实现连接数据库、查询、插入、修改功能。、 package com.common; import java.sql.*; public class DataBaseConn { public Connection conn = null; public void createConn(){ String DRIVER…

    江山如画的头像 江山如画
    2020年12月6日
    1.2K0
  • 什么是单元测试，单元测试快速入门教程 编程开发

    如何设计单元测试用例，单元测试快速入门教程四

    测试人员在实际工作中根据不同覆盖要求设计面向代码的单元测试用例，运行测试用例后至少应实现如下覆盖需求： 对程序模块的所有独立的执行路径至少覆盖一次; 对所有的逻辑判定，真假两种情况至少覆盖一次; 在循环的边界和运行界限内执行循环体; 测试内部数据结构的有效性等。 至少应设计覆盖如下需求的基于功能的单元测试用例： 测试程序单元的功能是否实现； 测试程序单元性能…

    江山如画的头像 江山如画
    2018年4月18日
    3.8K0
  • jsp教程,jsp专题 编程开发

    object…object和object[]…object的区别

    object…object public int update(String sql, Object… params) throws SQLException { Connection conn = this.prepareConnection(); return this.update(conn, true, sql, params); }…

    江山如画的头像 江山如画
    2019年11月19日
    2.0K0
  • python 初学者练手上机实操二 编程开发

    python 初学者练手上机实操二

    一、题目：定义三个变量分别存储你的姓名、班级、年龄并输出。 要求： 1、新建一个“info.py”文件 2、编写程序。 3、调试程序。 4、排除错误。 二、题目：导入turtle包（import turtle），绘制边长为60的等边三角形。 要求： 1、新建一个“turtle1.py”文件 2、编写程序。 3、调试程序。 4、排除错误。 三、题目：从键盘输入…

    江山如画的头像 江山如画
    2023年5月5日
    6230

发表回复

登录后才能评论