利用HBuilder打包前端开发webapp为apk的方法
更新时间：2017年11月13日 10:54:41 作者：crazywoniu
下面小编就为大家带来一篇利用HBuilder打包前端开发webapp为apk的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
现在的前端开发可谓是，百花齐放啦，什么都可以做，只有想不到没有做不到的，今天就简单的介绍用vue，ng或者是react开发的单页应用如何打包为apk，在移动设备上运行。
这里以vue为例，其他的差不多，大家可以根据自己的情况去查找相应资料。
第一步，需要安装node，如果是做前端的er，这个应该就不用过多介绍了。
第二步，使用vue-cli工具初始化vue项目，这里只是做一个测试的项目，所以vue-router等东西就不用安装了，实际项目，根据具体情况而论。
第三步，常规的开发，比如希望实现的功能等。
第四步，开发完成后需要配置项目为线上项目前的几个配置，如下：
上面主要是打包前的配置。
第五步，打包项目。
第六步，打开HBuilder开始打包为apk。文件-》打开目录，选择刚刚项目的dist目录，项目名称随便，这里就为dist
在项目上右键转成移动项目
当项目的图片上显示为a时就可以了。接下来就是设置启动的图标等信息了，直接点击json的文件就会有设置界面
然后发行为原声应用
进行相应设置就可以了
打包成功后就可以将apk文件反正到手机上查看效果了。
以上这篇利用HBuilder打包前端开发webapp为apk的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。这篇文章主要介绍了Vue中的组件及路由使用 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了vue+element+electron仿微信实现,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
这篇文章主要介绍了Vue.js中$refs{}如何获取DOM元素问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了解决vue项目 build之后资源文件找不到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
vue2使用element-ui,el-table不显示,用npm安装方式
这篇文章主要介绍了vue2使用element-ui,el-table不显示,用npm安装方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了基于VUE移动音乐WEBAPP跨域请求失败的解决方法,需要的朋友可以参考下2018-01-01
vue-cli3访问public文件夹静态资源报错的解决方式
这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了vue中添加与删除，关键字搜索功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
vue中this.$router.go(-1)失效(路由改变了，界面未刷新)
本文主要介绍了vue中this.$router.go(-1)失效(路由改变了,界面未刷新),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-12-12
这篇文章主要介绍了Vue项目引用百度地图并实现搜索定位等功能(案例分析),本篇文章为案例分析，技术点较多，所以篇幅较长，认真阅览的你一定会学到很多知识，需要的朋友可以参考下2022-09-09
最新评论