免费网站打包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%的人还看了以下文章

  • 如何设置mysql自动更新创建时间和更新时间

    做项目时,希望:新增记录时,mysql自动将系统的当前时间set到创建时间和更新时间这两个字段中。更新记录时,mysql只update更新时间字段的时间。 设置mysql自动更新创建时间和更新时间的方法: 找到表中创建时间和更新时间的字段,将其修改为下列代码。创建时间字段 ‘creat_time’ timestamp NULL DEFAULT CURRENT…

    2018年12月24日
    4.7K0
  • 人工智能基础测试

    1、 print(“Hi”) print(“3*6”) 程序输出结果:(5分) A、 Hi 18 B、 Hi 3*6 C、 Hi 3*6 D、 Hi 18 2、人工智能的概念最早是由哪一位科学家提出来的()(5分) A、 麦卡锡 B、 图灵 C、 冯·诺依曼 D、 马明斯基 3、下列关于人工智能的叙述不正确的有…

    2023年6月2日
    8280
  • input file获取文件路径时无法获取正确的路径

    页面有一个input file服务器控件,一个div,div是image标签的容器,当点击input file的值改变,我们往div里追加image标签;但当通过js的onchange事件动态获取input file 的路径的时候,发现console.log(path)打印出的路径是被浏览器屏蔽的, 例如:C:\fakepath\file.jpg 这是由于浏…

    2019年11月13日
    6.4K0
  • python 初学者练手上机实操三

    一、题目:键盘输入三角形的三边,求三角形的周长。 1、新建一个triangle.py文件 2、编写程序。 3、调试程序。 4、排除错误。 二、题目:导入turtle包(import turtle),绘制边长为100的正方形。 要求: 1、新建一个“turtle2.py”文件 2、编写程序。 3、调试程序。 4、排除错误。 三、题目:打印诗“悯农” 要求: 1…

    2023年5月5日
    7480
  • python pywifi库破解wifi密码提示“No module named ‘comtypes’”的解决方法

    在免费蹭网!破解WiFi密码的Python程序源码分享一文中,125建站网提供了详细的程序代码。 python中的pywifi库,利用它可以暴力破解一些简单的wifi密码,有些同学运行程序时提示错误:“No module named ‘comtypes’”! python中的No module named ‘comtypes’ 解释是…

    2023年1月29日
    3.2K0
  • HTTP错误 403.14 服务器配置为不列出此目录内容

    开发一个企业网站,使用ASP技术,在本地通过IIS管理器调试,出现 如下问题: HTTP 错误 403.14 – Forbidden Web 服务器被配置为不列出此目录的内容 解决方法: 在”功能视图“,中找到”目录浏览“,双击进入 在目录浏览右侧操作中选择”启用“! 这时再浏览网站,可以看到已经不报错了,但是网站是以文件目录的形式展现的! 这是…

    2018年7月3日 编程开发
    3.1K0

发表回复

登录后才能评论