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

准备工作:

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

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

[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)
选择我们的项目,点击菜单栏中的 发行,选择 原生App云打包

[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)
Android勾选,ios勾选,Android设置 使用公共测试证书,点击打包
[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)
IOS设置,勾选支持iPhone,支持iPad,使用越狱整数(如果选择使用IDP/IEP整数,请看如何申请证书
[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)
点击打包即可,稍等会弹出,打包成功!

结果可通过 控制台 获取:
[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)

打包成功后,控制台给出下载地址
[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)
点击下载地址,即可下载Android的apk应用软件,和ios的ipa应用软件(手机越狱才可安装)

给TA打赏
共{{data.count}}人
人已打赏
网址导航

憶の年 - 全网最辣鸡的博客

2022-6-5 11:13:11

app

[HBuilderX]使用HBuilderX打包H5页面实现C#调个推接口,进行app消息推送和消息通知

2021-12-16 10:14:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索