准备工作:
- 你要打包的移动端网站地址,如:http://www.tianguixing.com/dist2/#/
- 安装 HbuilderX 工具: 官网:http://www.dcloud.io/
根据你的电脑系统选择下载开发版
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/ab786-8d440-20211202132421-90cab.jpeg)
安装成功后,回到Hbuilder官网,注册一个账号,然后到软件里点击左下角头像进行登陆
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/38710-bb104-20211202132423-63042.png)
打开开发者工具软件,点击 文件 -> 新建 -> 项目
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/200c3-b205e-20211202132426-ad904.png)
选择 Wap2App,填写项目名称并将刚刚复制的网址粘贴进去,模板选择默认模板,然后点击创建
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/d4cde-ac23c-20211202132431-4b492.jpeg)
右下角会提示项目创建成功,此时我们点击打开 manifest.json 文件进行App配置
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/8fc18-aa0b6-20211202132432-cdc04.png)
点击 图标配置 ,上传1024px*1024px的 png格式 图片作为App图标,然后点击 自动生成所有图标并替换
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/25ec3-9bf71-20211202132433-a3c48.png)
选择我们的项目,点击菜单栏中的 发行,选择 原生App云打包
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/b8ad5-7771a-20211202132434-c9a07.png)
Android勾选,ios勾选,Android设置 使用公共测试证书,点击打包
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/4d819-dfde3-20211202132438-d5495.jpeg)
IOS设置,勾选支持iPhone,支持iPad,使用越狱整数(如果选择使用IDP/IEP整数,请看如何申请证书)
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/dd2e6-da072-20211202132441-47e97.jpeg)
点击打包即可,稍等会弹出,打包成功!
结果可通过 控制台 获取:
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/612ad-b7894-20211202132443-3d85e.png)
打包成功后,控制台给出下载地址
![[开发]使用Hbuilder打包前端网站为WebApp(Android,ios应用)](http://qnwx.91taihua.com/2021/12/7e6dc-23bfe-20211202132444-49882.png)
点击下载地址,即可下载Android的apk应用软件,和ios的ipa应用软件(手机越狱才可安装)
