利用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文件反正到手机上查看效果了

目录
相关文章
|
6天前
|
Java 程序员 Android开发
apk简单介绍(组成以及打包安装流程)
apk简单介绍(组成以及打包安装流程)
49 0
|
6天前
|
JavaScript Android开发
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
34 0
|
6天前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
92 3
|
4天前
|
设计模式 缓存 Java
补齐Android技能树——从AGP构建过程到APK打包过程,安卓rxjava面试
补齐Android技能树——从AGP构建过程到APK打包过程,安卓rxjava面试
|
5天前
|
Android开发
|
6天前
|
前端开发 JavaScript 开发者
深入了解Webpack:前端模块打包工具
深入了解Webpack:前端模块打包工具
8 1
|
6天前
|
前端开发 JavaScript Linux
relectron框架——打包前端vue3、react为pc端exe可执行程序
relectron框架——打包前端vue3、react为pc端exe可执行程序
34 1
|
6天前
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
28 0
|
6天前
|
开发者
【Hbuilder】Hbuilder 原生App-云打包,报错需要打包校验
【Hbuilder】Hbuilder 原生App-云打包,报错需要打包校验
25 0
|
6天前
|
Web App开发 JavaScript 前端开发
前端项目打包与发布
前端项目打包与发布
76 7