10分钟把网站打包成安卓/苹果app
本文讲解下,如何把一个网站打包成安卓(Android)/苹果(IOS)APP,安装到手机中,并且有完美的用户体验!
前提条件:网站是H5网站,或者是手机版网站,总之要能在手机端正常显示才行。
准备工具:Hbuilder,或者HbuilderX。
下载地址:http://www.dcloud.io/。安装过程简单,略过。
1.只有网址,没有源码,没问题!通过以下步骤,几分钟,将网站变成手机app.
(1)打开Hbuilder软件。
(2)点击左上角的【文件】/【新建】/【Wap2app】,如图
点击后如图:
依次填写,应用名称(比如,盘古软件),wap站首页地址(比如,http://www.cnpangu.cn),此域名可用。
点击右下角的【完成】按钮,项目创建成功。软件左侧会出现【盘古软件】项目。
(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)同上。
是不是很简单?