[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)

准备工作:

  1. 你要打包的移动端网站地址,如:http://www.tianguixing.com/dist2/#/
  2. 安装 HbuilderX 工具: 官网:http://www.dcloud.io/

根据你的电脑系统选择下载开发版
在这里插入图片描述
安装成功后,回到Hbuilder官网,注册一个账号,然后到软件里点击左下角头像进行登陆
在这里插入图片描述
打开开发者工具软件,点击 文件 -> 新建 -> 项目
在这里插入图片描述
选择 Wap2App,填写项目名称并将刚刚复制的网址粘贴进去,模板选择默认模板,然后点击创建
在这里插入图片描述
右下角会提示项目创建成功,此时我们点击打开 manifest.json 文件进行App配置
在这里插入图片描述
点击 图标配置 ,上传1024px*1024px的 png格式 图片作为App图标,然后点击 自动生成所有图标并替换

在这里插入图片描述
选择我们的项目,点击菜单栏中的 发行,选择 原生App云打包

在这里插入图片描述
Android勾选,ios勾选,Android设置 使用公共测试证书,点击打包
在这里插入图片描述
IOS设置,勾选支持iPhone,支持iPad,使用越狱整数(如果选择使用IDP/IEP整数,请看如何申请证书
在这里插入图片描述
点击打包即可,稍等会弹出,打包成功!

结果可通过 控制台 获取:
在这里插入图片描述

打包成功后,控制台给出下载地址
在这里插入图片描述
点击下载地址,即可下载Android的apk应用软件,和ios的ipa应用软件(手机越狱才可安装)

1.本站默认解压密码为:xiaoqingtai.com
2.本站所有内容均由互联网收集整理,仅供大家参考、学习,禁止商用。
3.本站所有内容版权归原著所有,如有侵权请及时联系我们做删除处理。
请扫描下方二维码关注微信公众号或直接微信搜索“小青苔基地”关注
小青苔基地 » [开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)

发表评论