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

简介:

现在的前端开发可谓是百花齐放,什么都可以做,今天就简单的介绍h5页面如何打包为apk,在移动设备上运行

安装node

如果是做前端的er,这个应该就不用过多介绍了

常规开发

比如希望实现的功能等

配置项目为线上项目的配置

主要是打包前的配置

打包项目

通过Hbuilder打包apk

1.打开HBuilder开始打包为apk,文件->打开目录,选择刚刚项目的dist目录,项目名称随便,这里就为dist
1

2.在项目上右键转成移动项目
2
3

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

4.然后发行为原生应用
5

5.进行相应设置就可以了
6
7

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

目录
相关文章
|
1月前
|
JavaScript Android开发
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
24 0
|
3月前
|
JavaScript Android开发
AutoJs4.1.0实战教程---js文件打包发布成APK文件
AutoJs4.1.0实战教程---js文件打包发布成APK文件
92 0
AutoJs4.1.0实战教程---js文件打包发布成APK文件
|
3月前
|
Rust 前端开发 JavaScript
第4期 一文了解前端打包工具的发展
第4期 一文了解前端打包工具的发展
33 0
|
4月前
|
Android开发
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
440 0
|
27天前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
42 3
|
7天前
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
12 0
|
1月前
|
Web App开发 JavaScript 前端开发
前端项目打包与发布
前端项目打包与发布
63 7
|
2月前
|
Java 开发工具 Android开发
cordova打包android apk
cordova打包android apk
14 0
|
2月前
|
Android开发 数据安全/隐私保护
打包 android apk签名
打包 android apk签名
19 0
|
2月前
|
前端开发 开发工具 Android开发
【服务器APP】利用HBuilder X把网页打包成APP
【服务器APP】利用HBuilder X把网页打包成APP
218 0