10分钟把网站打包成安卓/苹果app

Posted 2021-04-28 青春碎碎念碎碎

本文讲解下，如何把一个网站打包成安卓(android)/苹果(ios)APP，安装到手机中，并且有完美的用户体验！

前提条件：网站是H5网站，或者是手机版网站，总之要能在手机端正常显示才行。

准备工具：Hbuilder，或者HbuilderX。

1.只有网址，没有源码，没问题！通过以下步骤，几分钟，将网站变成手机app.

（1）打开Hbuilder软件。

（2）点击左上角的【文件】/【新建】/【Wap2app】，如图

点击后如图：

点击右下角的【完成】按钮，项目创建成功。软件左侧会出现【盘古软件】项目。

（3）打开项目，点击manifest.json文件，

在右侧打开的manifest.json文件中，点击下方标红的【模块权限配置】，如图：

按照下图的步骤，先点中红色叉号的模块（比如，Payment(支付)）,再点击【删除】按钮。依次将图中的【支付】，【消息推送】，【分享】，【统计】模块删除掉。然后点击软件左上角的【保存】按钮保存。

（4） 打包。

按照下图步骤，选中项目【盘古软件】，然后点击【发行】菜单，如图：

再选中【云打包-打包原生安装包】，如图：

点击后，出现以下窗口，可以选择打包安卓（Android）和苹果（ios）.打包苹果ios app,需要苹果证书。如果只打包安卓app，取消ios勾选，其他默认。

按照以下步骤，点击【打包】，再点击【确认没有权限，继续打包】，

点击【确定】按钮，提示【正在制作安装包】。

等出现绿色文字【打包成功，下载完成】。点击窗口上的蓝色链接【打开下载目录】，就是生成的安卓app包（apk格式），可以直接发送到手机安装。

安装到手机上是这样的，

打开的效果很完美，比在手机浏览器里打开网页的体验，好很多！功能页面之间的切换，都是手机原生的切屏效果，体验好。

2.有源码，当然可以！只要你会前端开发就行。

（1）打开Hbuilder软件。

（2）点击左上角的【文件】/【新建】/【Wap2app】，如图

点击后如图：

点击确定后，项目创建完成，如图：

在这个工程里，开发人员，可以将自己的html,css,js放入项目。

（3），（4）同上。

是不是很简单？

（图文源于网络，版权归原作者所有）