uni-app使用HBuilder X编辑器本地打包apk步骤说明

这篇具有很好参考价值的文章主要介绍了uni-app使用HBuilder X编辑器本地打包apk步骤说明。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.下载安装Android Studio

下载地址官方地址:Android Studio 下载文件归档  |  Android 开发者  |  Android Developers

安装Android SDK和Google USB Driver即可,后者主要是为了后期使用USB设置的,如果不需要可以不点。

2.下载uni-app提供的Android离线SDK

下载地址:Android 离线SDK - 正式版 | uni小程序SDK

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

注意:Android离线SDK的版本一定注意和HBuilder X的版本匹配,版本如果不匹配会报错。

将下载下来的离线SDK进行解压,解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围绕这个文件夹展开工作。

下面是解压后的文件夹目录,圈住的就是我们要用到的文件夹。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

3.配置AppKey及申请Android平台签名证书

3.1.0版本开始需要申请AppKey,申请步骤参考下面链接

申请 | uni小程序SDK

Android平台签名证书生成链接:

https://ask.dcloud.net.cn/article/35777

4.将解压后的HBuilder-Integrate-AS导入Android Studio

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 5.修改HBuilder-Integrate-AS里面的配置信息

(1)找到下面目录,删除里面的项目

Android-SDK@3.8.12.81924_20230817->HBuilder-Integrate-AS->simpleDemo->src->main->assets->apps

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

(2)在BHuilder X里面生成自己的本地资源包

选择菜单栏上的发行->原生App-本地打包->生成本地App打包资源。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

看到下面圈住的部分导出成功,路径为...,这就是我们需要使用并替换到Android Studio文件夹下面的项目。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

(3)打开资源包生成的地方,复制内容

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 (4)将其粘贴到

Android-SDK@3.8.12.81924_20230817->HBuilder-Integrate-AS->simpleDemo->src->main->assets->apps下面。

下面是已经删除掉原来的文件夹,替换成了自己的资源文件夹。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

刷新Studio里面的目录结构,会发现apps下面的发生了变化,成了自己的放进去的资源文件夹名。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 (5)找到dcloud_control.xml文件,修改appid

Android-SDK@3.8.12.81924_20230817->HBuilder-Integrate-AS->simpleDemo->src->main->assets->data->dcloud_control.xml,修改里面的appid。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

注意:必须保证dcloud_control.xml里面的appid和

Android-SDK@3.8.12.81924_20230817->HBuilder-Integrate-AS->simpleDemo->src->main->assets->apps->__UNI__EE9C18E->www->manifest.json里面的id一致。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 (6)找到simpleDemo->src文件夹下面的AndroidManifest.xml,修改里面的包名和appkey。 下图是修改包名:

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

该包名在开发者中心获取。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 下图是修改appkey。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

Appkey也是从开发者中心查看。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 注意:这里只修改value值,name值不需要修改。

(7)找到simpleDemo文件夹下面的build.gradle,修改里面的defaultConfig和signingConfigs的配置信息。

·修改defaultConfig里面的applicationId,它的值是开发中心里面的包名。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

·修改signingConfigs里面的config信息

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

注意把在第三步生成的平台签名证书文件放到该文件夹下面。

(8)uniapp生成的本地文件一般不需要修改 

6.打包本地apk

点击菜单上的Build->Build Bundle(s) / APK(s)->Build APK,等待打包,然后右下角会提示打包成功,点击 Locate 会打开apk所在文件夹,到此apk打包成功。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

点击下方的local就能找到apk的位置。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 下方就是打包的apk文件。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

在这里可以切换debug和relase形式的apk,如果需要切换点击Build->Select Build Variant来进行切换,切换完成后继续正常打包即可。

hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 hbuilderx 本地打包,项目常见工具类及问题分享,uni-app,编辑器

 文章来源地址https://www.toymoban.com/news/detail-762965.html

到了这里,关于uni-app使用HBuilder X编辑器本地打包apk步骤说明的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 如何在使用Docker快速部署StackEdit并实现公网访问本地编辑器远程办公

    StackEdit是一个受欢迎的Markdown编辑器,在GitHub上拥有20.7k Star!,它支持将Markdown笔记保存到多个仓库,包括Gitee、GitHub和Gitea。此在线笔记工具还提供了一些便捷功能,如拖拽或粘贴上传图片、文件搜索功能,以及可切换为炫酷的暗黑主题,这些功能特别适合那些喜欢使用Mar

    2024年02月04日
    浏览(59)
  • git实战—Gerrit配置SSH key & 下载代码到本地 & 使用VScode编辑器编辑提交代码——2023.07

    centos7 部署Gerrit Windows10 部署gitbash 2.41 版本 首先在虚拟机上搭建Gerrit服务,在Windows上部署好gitbash;其次,配置 publishkey 连接Gerrit仓库;最后使用git clone下载代码到本地,再使用VScode编辑提交代码带仓库。 当然,直接使用VScode连接Gerrit也是可以的,但由于VScode终端中的命令不

    2024年02月09日
    浏览(80)
  • Linux使用Docker部署StackEdit结合内网穿透实现公网访问本地编辑器

    前言 实现ubuntu 系统桌面级别的远程连接,需要在ubuntu 系统中安装vnc,既然是桌面,前提是需要ubuntu 带有图形化界面,如果没有,可以执行以下命令安装图形化界面 1. ubuntu安装VNC 在ubuntu中安装vnc 安装LightDM【LightDM从设计上就是支持本地图形界面以获得最好的兼容性】 安装过程中会

    2024年04月08日
    浏览(48)
  • 本地组策略编辑器找不到怎么解决?| 解决windows home 版本隐藏本地组策略编辑器的问题 | 简单的介绍本地组策略编辑器

    一般的 Windows 非家庭系统中,本地组策略编辑器不会被隐藏,但在某些特定情况下,可能会受到限制或不可用。如果你无法访问本地组策略编辑器,并且认为应该可以访问,请确保你拥有管理员权限,并检查是否有任何系统或安全策略的限制。 如果你使用的Win11 home版本 ,无

    2024年02月11日
    浏览(45)
  • 使用Mavon-Editor编辑器上传本地图片到又拍云云存储(Vue+SpringBoot)

    需求:将本地的图片上传到服务器或者云存储中,考虑之后,这里我选的是上传到又拍云云存储。 原理:Mavon-Editor编辑器有两个重要的属性和事件 所以需要将用到Mavon-Editor编辑器的组件中添加上这个属性和事件。 然后在方法中定义imgAdd函数 代码片段: 其中请求路径是你自

    2024年02月12日
    浏览(47)
  • Windows安装本地组策略编辑器【gpedit.msc】

    由于Windows家庭版本默认不带有本地组策略编辑器 当我们运行gpedit.msc的时候会提示 Winodws找不到文件’gpedit.msc’。请确定文件名是否正确,再试一次 以下是解决方式 (本文实验环境为Windows11系统,Windows10系统执行步骤类似) 1.桌面新建文本文档,编辑内容如下 @echo off pushd

    2024年02月09日
    浏览(37)
  • Windows11家庭版没有本地组策略编辑器解决

    1. 新建一个文本文件将下面代码粘到里面,保存后修改后缀为.cmd或者.bat 2.右键文件,选择以管理员身份运行 3.待命令运行完毕后,win+r打开运行命令框 输入 gpedit.msc 回车即可打开本地组策略编辑器

    2024年02月07日
    浏览(59)
  • AJAX + PHP 编辑器内容自动备份草稿保存到本地 (适用ueditor百度编辑器或其它) 内容变化后自动触发备份txt文件

    百度自带的自动备份功能enableAutoSave存在问题, 比如第一个文章他自动备份了.等发表第二个文章时,结果把第一个文章的内容自动填充进去了.关键你还不知情!出现过多次这种情况了. 一, 百度原版的 ,具体使用方法,看这里个文章 Ueditor百度编辑器内容自动保存到本地防数据丢失

    2024年02月10日
    浏览(50)
  • Win11打开本地组策略编辑器的两种方法

    Win11是新推出的操作系统,但是用户对很多操作都不熟悉,想要通过本地组策略编辑器修改一些配置,都找不到本地组策略编辑器,那么Win11怎么打开本地组策略编辑器呢?一起来看看具体的操作方法吧。 方法一:运行命令打开 1、按win+R键盘组合键打开“运行”。在运行框中

    2024年02月12日
    浏览(41)
  • Win10家庭版没有本地组策略编辑器的解决办法

    本篇博客会教大家手动安装本地组策略编辑器,因为win10家庭版并不自带这个编辑器,所以需要我们自己手动安装。 1、同时按下键盘上的WIN+R键,输入notepad回车,打开记事本。   2、将以下代码复制到记事本的空白文档中。 3、点击左上角文件 -- 另存为。 4、选择保存到桌面

    2024年02月12日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包