移动化是现在的流行,传统的网站如果要重新开发原生app有时会比较麻烦,那么有什么办法,将网站快速制作成app呢?今天就来介绍下。
工具/原料
1
Hbuilder X app完整版
2
tomcat V8.5
3
Eclipse
4
谷歌浏览器chrome
方法/步骤
1
在Eclipse里面,新建web 项目,新建一个页面,在里面插入一张图片,方便查看。然后我们将项目部署到tomcat中,然后在浏览器中访问,如图所示,可以正常显示图片及文字。
2
然后我们需要从网上下载HBuilder X app原生版,如图所示,然后将下载下来的压缩包解压,在文件夹里找到应用图标,双击启动。若无法启动,参考随带的帮助手册。
3
我们点击上方的【文件】,新建,然后选择【项目】,然后在弹出的界面上,选择【Wap2 app】,然后输入名称,地址,点击创建。
4
打开左侧的manifest.json文件,再点击图标配置,再点击浏览按钮,选择png类型的图片。选择后,再点击【自动生成所有图标并替换】。
5
设置完成之后,点击上方的【发行】,再点击【原生App-云打包】,进入设置界面,在里面主要处理如图所示几个方面,选择安卓,选择公用证书,去除如图所示勾选框,点击【打包】。可以看到下方控制台的进度,当出现成功打包连接后,点击进去。
6
当下载完成之后,可以看到,已经打包成了安卓的安装包了。将安装包安装到手机上,即可以以类似原生app的体验访问我们的网站了。如果觉得有用,记得点赞或投票!
注意事项
1
ios的打包相对安卓要复杂一些,涉及到描述文件,不过大体类似。
2
浏览器里输入的地址一定要保证手机正常也能访问。
3
其余一些打包或安装包设置,可以根据个人需求,自行研究设置。