网站首页 > 技术文章 正文
本次源妹儿将给大家分享一下如何使用HbuilderX将项目打包成.apk文件,并安装到手机上,做一个真正属于自己的app。具体步骤如下
1. 项目代码打包
将开发好的项目前端代码,打包成html、css、js等静态资源,打包后会自动生成/dist文件夹。不管用什么环境开发的项目,都可以生成这些静态资源。
打包命令:yarnbuild
2. 下载HbuilderX
本次分享需要用到非常重要的工具HbuilderX,这是dcloud.io出口的一款非常有用的前端开发工具,内置发布成为app的功能。
官方下载地址:
https://www.dcloud.io/hbuilderx.html
3. 安装HbuilderX
HbuilderX是一个绿色软件,下载过来后是一个压缩包,解压后将目录复制到你想要放置的目录中即可安装(绿色版,不需要安装,复制到想要放的位置即可)。
4. 注册账号并登陆
要实现云打包必须要在官网登录(没有帐号可以随时注册一个)
同时还需要在HbuilderX软件上登录,两边都要登录并保持用户名一致
5. 开始打包
01 创建项目
在Hbuilder软件上创建项目,类型:5+App
必须要写项目名称和项目路径,项目名称最好写英文,项目路径最好不要有中文
02将项目静态文件复制到HbuildX刚创建的项目中
将之前打包好的dist目录静态资源,复制到刚刚创建的5+App项目目录中去,用于打包成app的源文件。
03 配置打包选项【重点】
点击项目根目录下的manifest.json文件对打包进行,主要配置项有:
基础配置:应用标识、应用名称、入口页面
图标配置:上传正方形的.png图片作为app的图标,注意格式必须是.png
模块配置:有可能会报“通讯录”权限问题,建议关闭通讯录权限
04 发行打包成App
找到“发行”菜单 -> “原生App-云打包” -> 使用公共测试证书 -> 打包 ->继续打包,然后等待5分钟左右,即可打包完成
05 下载apk文件到手机安装
打包完成后即可在项目目录中找到.apk安装包,如果目录中没有也可以通过下载地址下载到本地。
可以通过微信、USB数据线等方式将这个文件传到手机上,就能安装和使用了。
猜你喜欢
- 2025-05-22 36个工作中常用的JavaScript函数片段「值得收藏」
- 2025-05-22 JAVA实现HTTP的上传与下载
- 2025-05-22 java+上传整个文件夹的所有文件
- 2025-05-22 SPRINGBOOT 实现大文件上传下载、分片、断点续传教程
- 2025-05-22 IDM下载器:站点抓取相关设置介绍
- 2025-05-22 Pug 3.0.0正式发布,不再支持 Node.js 6/8
- 2025-05-22 还有前端不知道Electron的?手把手教你把Vue项目打包成桌面程序
- 2025-05-22 SpringBoot系列——附件管理:整合业务表单实现上传、回显、下载
- 2025-05-22 浏览器大文件(百M以上)的上传下载实现技术
- 2025-05-22 6个免费又让人直呼强大的软件
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)