免费网站打包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
图片上传并压缩源码免费下载(等比例压缩或者原尺寸压缩)-java
下一篇 2019年6月24日 上午10:29

99%的人还看了以下文章

  • java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)

    java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)

      串口通信在工程应用中很常见。 上位机与下位机 在上位机与下位机通讯过程中常通过有线的串口进行通信,在低速传输模式下串口通信得到广泛使用。 通常上位机指的是PC,下位机指的是单片机或者带微处理器的系统。下位机一般是将模拟信号经过AD采集将模拟量转换为数字量,下位机再经过数字信号处理以后将数字信号通过串口发送到上位机,相反上位机可以给下位机发送一些指令或者信…

    2023年1月7日 • 编程开发
    9.4K0
  • 第三课:第一个maven项目Hello Maven

    第三课:第一个maven项目Hello Maven第三课:第一个maven项目Hello Maven第三课:第一个maven项目Hello Maven第三课:第一个maven项目Hello Maven

    一、Maven的简单使用 1.1、Maven项目的目录约定 MavenProjectRoot(项目根目录)|—-src|     |—-main|     |         |—-java ——存放项目的.java文件|     |         |—-resources ——存放项目资源文件,如sprin…

    2023年1月27日 • 编程开发
    15.5K0
  • Python编程案例-4行代码绘制股票趋势图(numpy+matplotlib)

    新手学习Python编程案例,每日编写一个小程序! import numpy as np import matplotlib.pyplot as plt 时间轴 = np.arange(10) #print(时间轴) 股票价格轴 = 时间轴 * 2 + np.sin(时间轴) * 5 #print(股票价格轴) plt.plot(时间轴, 股票价格轴) pl…

    2023年1月26日
    47.0K0
  • 第五章 JavaBean技术

    掌握:
    JavaBean的概念及规范
    JavaBean的创建与使用
    JavaBean属性的获取及修改
    getProperty:获取bean的属性值
    setProperty:设置bean的属性值

    2018年2月22日
    13.2K0
  • 开发软件,编程语言Java和C++选哪个?

    根据网络调查数据:编程语言排名前三的是Java、C#、C++。 其中Java使用者比例最高,为42.82%,是C#的两倍还要多。 紧跟其后的是C#,比例为17.33%。 排名第三的C++则有14.35%的比例。 JAVA和C++都是面向对象语,都能够实现面向对象思想(封装,继乘,多态)。而由于C++为了照顾大量的C语言使用者,而兼容了C,使得自身仅仅成为了带…

    2021年2月16日
    9.6K0
  • python turtle绘画0基础练习

    一、题目:导入turtle包(import turtle),绘制边长为100的正方形。 要求: 1、新建一个“turtle2.py”文件 2、编写程序。 3、调试程序。 4、排除错误。 二、导入turtle包(import turtle),绘制半径为40的圆(circle)。 三、题目:导入turtle包(import turtle),绘制边长为60的等边三…

    2023年6月15日
    17.1K0

发表回复

登录后才能评论