AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2018-05-02 10569
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

现在的前端开发可谓是百花齐放,什么都可以做,今天就简单的介绍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文件反正到手机上查看效果了

文章标签：
前端开发
关键词：
打包前端
打包apk
apk打包
Hbuilder打包
WebApp apk
webmirror
目录
相关文章
德国都芳最好
|
3月前
|
前端开发 JavaScript Java
前端限制打包文件数量
前端限制打包文件数量
德国都芳最好
184 65
想飞的雪糕
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇（二）：几行代码打包后接近100M？别慌，带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时，生成的可执行文件体积较大，通常接近 100 MB，而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时，使其能够在目标设备上独立运行，无需额外安装依赖。尽管体积较大，但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法，可以优化可执行文件的体积。
想飞的雪糕
145 3
前端全栈之路Deno篇（二）：几行代码打包后接近100M？别慌，带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
游客j4mujezz7vm7y
|
3月前
|
Linux Android开发 iOS开发
使用Kivy创建“Hello World”应用并打包成APK
使用Kivy创建“Hello World”应用并打包成APK
游客j4mujezz7vm7y
184 7
代码bug生产队
|
2月前
|
JSON 前端开发 JavaScript
前端模块打包器的深度解析
【10月更文挑战第13天】前端模块打包器的深度解析
代码bug生产队
31 0
一缕微风绕指柔
|
2月前
|
存储 前端开发 JavaScript
前端模块化打包工具的深度解析
【10月更文挑战第13天】前端模块化打包工具的深度解析
一缕微风绕指柔
38 0
邹荣乐
|
2月前
|
前端开发 JavaScript 开发工具
从零开始：构建、打包并上传个人前端组件库至私有npm仓库的完整指南
从零开始：构建、打包并上传个人前端组件库至私有npm仓库的完整指南
邹荣乐
393 0
众所周知
|
3月前
|
前端开发 开发者
在前端开发中，webpack 作为一个强大的模块打包工具，为我们提供了丰富的功能和扩展性
【9月更文挑战第1天】在前端开发中，Webpack 作为强大的模块打包工具，提供了丰富的功能和扩展性。本文重点介绍 DefinePlugin 插件，详细探讨其原理、功能及实际应用。DefinePlugin 可在编译过程中动态定义全局变量，适用于环境变量配置、动态加载资源、接口地址配置等场景，有助于提升代码质量和开发效率。通过具体配置示例和注意事项，帮助开发者更好地利用此插件优化项目。
众所周知
88 13
wait_
|
3月前
|
Web App开发 前端开发 JavaScript
Web前端项目的跨平台桌面客户端打包方案之——CEF框架
Chromium Embedded Framework (CEF) 是一个基于 Google Chromium 项目的开源 Web 浏览器控件，旨在为第三方应用提供嵌入式浏览器支持。CEF 隔离了底层 Chromium 和 Blink 的复杂性，提供了稳定的产品级 API。它支持 Windows、Linux 和 Mac 平台，不仅限于 C/C++ 接口，还支持多种语言。CEF 功能强大，性能优异，广泛应用于桌面端开发，如 QQ、微信、网易云音乐等。CEF 开源且采用 BSD 授权，商业友好，装机量已超 1 亿。此外，GitHub 项目 CefDetector 可帮助检测电脑中使用 CEF
wait_
483 3
Yaiba123
|
4月前
|
前端开发 Java C++
超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
使用Vite和Vue3构建支持共享组件和分模块独立打包的前端项目的方法。
Yaiba123
541 0
超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
一杯龙井解千愁
|
5月前
|
缓存 前端开发
前端优化之路：构建、打包速度提升
如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。
一杯龙井解千愁
53 3

热门文章

最新文章

  • 1
    02. WebApp2.0时代启程：Cocos2d-JS为什么选择SpiderMonkey（二）
  • 2
    h5仿同程、携程、去哪儿酒店预订webapp项目实例
  • 3
    01. WebApp2.0时代启程：Cocos2d-JS详解（一）
  • 4
    03. WebApp2.0时代启程：Cocos2d-JS让C++代码支持JS脚本（三）
  • 5
    [适配性]移动Webapp自适应方案
  • 6
    手工MAVEN建立WEBAPP项目并打包部署
  • 7
    【JAVA SERVLET 开发系列之二】创建WEBAPP详细步骤，通过SERVLET实现HTTP简单交互
  • 8
    H5旅游webapp(顺便游)|移动端旅行项目
  • 9
    .net core 源码解析-web app是如何启动并接收处理请求(二) kestrel的启动
  • 10
    html5 webApp常用Meta标签
  • 1
    反编译apk文件，得到其源代码的方法！！
    129
  • 2
    Android 高通平台集成无源码apk示例
    104
  • 3
    安装apk显示 requires unavailable shared library com.xxx
    89
  • 4
    [RK3568][Android12.0]--- 系统自带预置第三方APK方法
    716
  • 5
    Android S内置APK时AndroidManifest使用uses-library编译报错
    297
  • 6
    system apk
    62
  • 7
    pc上使用命令给android安装apk
    159
  • 8
    Android Mediatek 添加 APK 安装和下载开关
    61
  • 9
    Mac环境下反编译apk
    144
  • 10
    apk简单介绍(组成以及打包安装流程)
    171

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • 基于Web前端的可用性优化
  • 基于webpack和npm的前端组件化实践
  • Vue.js 在前端服务化上的探索与实践

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    DataWorks售前咨询