利用HBuilder打包前端开发webapp为apk的方法


Posted in Javascript onNovember 13, 2017

现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。

这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料。

第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了。

第二步,使用vue-cli工具初始化vue项目,这里只是做一个测试的项目,所以vue-router等东西就不用安装了,实际项目,根据具体情况而论。

利用HBuilder打包前端开发webapp为apk的方法

第三步,常规的开发,比如希望实现的功能等。

第四步,开发完成后需要配置项目为线上项目前的几个配置,如下:

利用HBuilder打包前端开发webapp为apk的方法

上面主要是打包前的配置。

第五步,打包项目。

利用HBuilder打包前端开发webapp为apk的方法

第六步,打开HBuilder开始打包为apk。文件-》打开目录,选择刚刚项目的dist目录,项目名称随便,这里就为dist

利用HBuilder打包前端开发webapp为apk的方法

在项目上右键转成移动项目

利用HBuilder打包前端开发webapp为apk的方法

当项目的图片上显示为a时就可以了。接下来就是设置启动的图标等信息了,直接点击json的文件就会有设置界面

利用HBuilder打包前端开发webapp为apk的方法

然后发行为原声应用

利用HBuilder打包前端开发webapp为apk的方法

进行相应设置就可以了

利用HBuilder打包前端开发webapp为apk的方法

利用HBuilder打包前端开发webapp为apk的方法

打包成功后就可以将apk文件反正到手机上查看效果了。

以上这篇利用HBuilder打包前端开发webapp为apk的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
分享一个asp.net pager分页控件
Jan 04 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 Javascript
构建一个JavaScript插件系统
Oct 20 Javascript
angular *Ngif else用法详解
Dec 15 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 #Javascript
vue 挂载路由到头部导航的方法
Nov 13 #Javascript
详解Vuex管理登录状态
Nov 13 #Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 #Javascript
React通过父组件传递类名给子组件的实现方法
Nov 13 #Javascript
js设置随机切换背景图片的简单实例
Nov 12 #Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 #Javascript
You might like
web方式ftp
2006/10/09 PHP
php 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
php eval函数一句话木马代码
2015/05/21 PHP
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
利用JS来控制键盘的上下左右键(示例代码)
2013/12/14 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
javaScript基础详解
2017/01/19 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
Vue + Element UI图片上传控件使用详解
2019/08/20 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
python使用selenium实现批量文件下载
2019/03/11 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
Python如何调用JS文件中的函数
2019/08/16 Python
python实现证件照换底功能
2019/08/20 Python
python生成器推导式用法简单示例
2019/10/08 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
寒假实习自荐信
2014/01/26 职场文书
四年级学生评语大全
2014/04/21 职场文书
主题教育活动总结
2014/05/05 职场文书
讲党性心得体会
2014/09/03 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
初中班长竞选稿
2015/11/20 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL