美文网首页互联网干货
10分钟把网站打包成安卓/苹果app

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

作者: 华夏后裔 | 来源:发表于2018-11-09 16:59 被阅读11次

    本文讲解下,如何把一个网站打包成安卓(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)同上。

    是不是很简单?

    相关文章

      网友评论

        本文标题:10分钟把网站打包成安卓/苹果app

        本文链接:https://www.haomeiwen.com/subject/ffvoxqtx.html