HbuilderX打包成apk安卓安装包并装到手机上

这篇具有很好参考价值的文章主要介绍了HbuilderX打包成apk安卓安装包并装到手机上。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HbuilderX打包成apk安卓安装包并装到手机上

1. 项目代码打包

将开发好的项目前端代码,打包成html、css、js等静态资源,打包后会自动生成/dist文件夹。不管用什么环境开发的项目,都可以生成这些静态资源。

打包命令:yarnbuild

hbuilderx本地打包apk,上线,android,智能手机,前端

2. 下载HbuilderX

本次分享需要用到非常重要的工具HbuilderX,这是dcloud.io出口的一款非常有用的前端开发工具,内置发布成为app的功能。

官方下载地址:https://www.dcloud.io/hbuilderx.html
hbuilderx本地打包apk,上线,android,智能手机,前端

3. 安装HbuilderX

HbuilderX下载过来后是一个压缩包,解压后即可安装(绿色版,不需要安装,复制到想要放的位置即可)。

hbuilderx本地打包apk,上线,android,智能手机,前端

3.1主题选择

hbuilderx本地打包apk,上线,android,智能手机,前端

4. 注册账号并登陆

要实现云打包必须要在官网登录(没有帐号可以随时注册一个)

同时还需要在HbuilderX软件上登录,两边都要登录并保持用户名一致
这个是必要的步骤,要注册登录
hbuilderx本地打包apk,上线,android,智能手机,前端
开发者后台
https://dev.dcloud.net.cn/pages/common/login
hbuilderx本地打包apk,上线,android,智能手机,前端

5. 开始打包

1 创建项目

在Hbuilder软件上创建项目,选择类型:5+App

必须要写项目名称和项目路径,项目名称最好写英文,项目路径最好不要有中文,填写完整后创建

hbuilderx本地打包apk,上线,android,智能手机,前端

2将项目静态文件复制到HbuildX刚创建的项目中

将之前打包好的dist目录静态资源,复制到刚刚创建的5+App项目目录中去,用于打包成app的源文件。
【这里的HBuliderX的主题】
hbuilderx本地打包apk,上线,android,智能手机,前端
复制后----------------------->
hbuilderx本地打包apk,上线,android,智能手机,前端

3 配置打包选项【重点】

点击项目根目录下的manifest.json文件对打包进行,主要配置项有:

基础配置:应用标识、应用名称、入口页面
hbuilderx本地打包apk,上线,android,智能手机,前端

图标配置:上传正方形的.png图片作为app的图标,注意格式必须是.png

hbuilderx本地打包apk,上线,android,智能手机,前端

模块配置:有可能会报“通讯录”权限问题,建议关闭通讯录权限
hbuilderx本地打包apk,上线,android,智能手机,前端

4 发行打包成App

找到“发行”菜单 -> “原生App-云打包” -> 使用公共测试证书 -> 打包 ->继续打包,然后等待5分钟左右,即可打包完成
hbuilderx本地打包apk,上线,android,智能手机,前端
继续即可-------
hbuilderx本地打包apk,上线,android,智能手机,前端

5 下载apk文件到手机安装

打包时间可能得几分钟,耐心等待,同时,第一次进行云打包可能会提示下载插件或者注册开发者账户之类的,按要求进行即可。
hbuilderx本地打包apk,上线,android,智能手机,前端

打包完成后即可在项目目录中找到.apk安装包,如果目录中没有也可以通过下载地址下载到本地。

hbuilderx本地打包apk,上线,android,智能手机,前端
hbuilderx本地打包apk,上线,android,智能手机,前端

可以通过微信、USB数据线等方式将这个文件传到手机上,就能安装和使用了。文章来源地址https://www.toymoban.com/news/detail-575894.html

到了这里,关于HbuilderX打包成apk安卓安装包并装到手机上的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity游戏项目从零打包安卓APK

    目录 前言 一、切换到安卓平台 二、安装JDK 三、安装AndriodStudio 四、安装NDK 五、进入Unity配置 六、关键修复 1.设置修改 2.文件修改  六、打包 总结 记录当前从零打包安卓APK的环境配置以及步骤 首先确保项目的开发适配度,由于我此次做的测试版本没有做任何适配导致打出来

    2024年02月15日
    浏览(16)
  • uniapp项目打包(安卓apk和微信小程序)

    uniapp的打包方式有很多,这里主要讲解App打包成安卓apk和微信小程序的两种方式 原生App分为云打包和本地打包两种,一般只推荐使用云打包来快速打包成安卓apk 安卓正式包 勾选使用云端证书时,我们无需手动生成证书别名、证书私钥密码、证书文件等,uniapp官方已配置好云

    2024年02月03日
    浏览(17)
  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

    2024年04月17日
    浏览(18)
  • 利用MSF打包加固APK对安卓手机进行控制

    由于经典的MSF生成apk安装包控制,版本较低,高版本安卓手机可能会出现版本不支持或无法使用的现象,而且apk无法正常使用,没有图形化界面,比较假。 相比于原始的msf远控,此版本app在进行远控时,被注入的app可以正常运行,原始msf生成的app程序,只在桌面上有一个图标

    2024年01月16日
    浏览(9)
  • [安卓逆向]apktool实现APK反编译、重打包、签名

    apktool 主要用于逆向apk文件。它可以将资源解码,并在修改后可以重新构建它们。 APKtool官网: https://ibotpeaches.github.io/Apktool/ APKtool下载: https://bitbucket.org/iBotPeaches/apktool/downloads/ APKtool源码: https://github.com/iBotPeaches/Apktool 将 apktool_2.6.1.jar 放到一个文件夹下(如:D:apktool),然

    2024年02月03日
    浏览(22)
  • 把unc0ver.ipa重签名后安装到手机上实现越狱2023年4月15日更新

    前提,需要自己拥有开发者证书才能重签名uncover.ipa实现越狱 使用爱思助手一键越狱以后总提示正在\\\"生成安装包\\\",后来我去了uncover的官网,.下载了ipa包,把uncover.ipa用爱思助手安装到手机上,提示缺少appsync补丁,我试了一下不行. 第二种方法提示要安装AltServer,我安装上了,但是提示

    2024年02月11日
    浏览(21)
  • Unity打包的apk在安卓4.4.2盒子上碰到的问题

    Unity开发的项目需要在安卓4.4.2盒子上运行。 1、会出 \\\"从顶部向下滑动即可退出全屏模式。\\\"的弹框, 这是android4.4的一个特性,叫做沉浸模式(Full-screen Immersive Mode),当app启用该模式时,应用程序的界面会占据整个屏幕,屏幕上方的状态栏和下方的导航栏会被隐藏,从屏幕顶

    2024年02月01日
    浏览(10)
  • cocos creator 3.x打包构建原生安卓APK流程(打包release版本,修改APP图标)

    本文介绍cocos creator 3.x如何打包构建原生安卓APK,一开始是按照官网构建示例操作的,发现存在各种SDK版本问题,因为对原生Android没什么研究只能瞎琢磨,最后勉强算是打包出来了…写个文章记录下流程,免得后续又忘记…如果有不对的地方,欢迎在评论区指正,有疑问也可

    2024年02月10日
    浏览(17)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(41)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2023年04月15日
    浏览(19)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包