uniapp本地打包详细过程 HBuilderX3.x.x

最新推荐文章于 2024-08-09 09:46:19 发布
最新推荐文章于 2024-08-09 09:46:19 发布
阅读量948 收藏 2
点赞数
文章标签： android app uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47333020/article/details/117356189
版权

写文原因

由于个人想象力比较丰富，是不是冒出一个新想法，导致频繁打包被限制了云打包
废话不多说，上攻略

准备工作

官方文档

在这里插入图片描述
这几个都准备好
最后一个秘钥也准备好
标题特意标注3版本是因为后面需要使用到appkey

在Windows系统变量里添加ANDROID_HOME

安装按AS后配环境
变量名：ANDROID_HOME
变量值：C:\Users\Administrator\AppData\Local\Android\Sdk （你的电脑可能有差别）

导入工程

这里不自己搭建工程，选择用官方的示例项目
在这里插入图片描述

找个干净的地方拷贝一份
在这里插入图片描述

打开AS
导入项目
在这里插入图片描述

在这里插入图片描述
选择project界面
在这里插入图片描述
如果你的右下角提示了更新
不要管他 ×掉
在这里插入图片描述

导入秘钥

将准备工作中的秘钥复制进来
在这里插入图片描述
复制到与test.jks同级目录
在这里插入图片描述
同时修改秘钥配置
在这里插入图片描述
下面内容改成你自己的
在这里插入图片描述
获取本地打包文件
在这里插入图片描述
在这里插入图片描述
进入到该路径
回退到这一级目录
在这里插入图片描述
拷贝
进入到项目目录下
在这里插入图片描述
删了
替换
在这里插入图片描述
打开
在这里插入图片描述
复制id
在这里插入图片描述
打开
在这里插入图片描述
替换
在这里插入图片描述

申请appkey

开发者中心
找到你要打包的项目 点进去
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

补齐信息
我这里只做了安卓，所以只打包安卓
SHA1下面小字链接里有教程
包名不会看的看这里
在这里插入图片描述
在这里插入图片描述
这玩意就是了
获取完后填写
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
替换即可

运行测试

我这里连接了手机 所以我就直接用手机测试
在这里插入图片描述
手机展示如下
在这里插入图片描述
到这完成了只一半

修改名称

在这里插入图片描述
在这里插入图片描述
换你自己的软件名
在这里插入图片描述
换你自己的图标

  • icon.png为应用的图标。
  • push.png为推送消息的图标。
  • splash.png为应用启动页的图标。
    在这里插入图片描述

在这里插入图片描述

换成你自己的版本

如果还加入了其他模块的话
比如我就加入了Oauth登录模块
在准备工作的官方文档里有对应的添加模块教程
在这里插入图片描述
一步步来即可

打包发布

在这里插入图片描述
打包完后右下角会弹窗
点击local即可到打包文件位置
在这里插入图片描述

在这里插入图片描述

到这基本就完成了！
欢迎补充

it界的哈士奇
关注
uni-app实现android,ios打包过程详解
qq_41761448的博客
06-30 2179
开发环境与打包环境说明 Uni-app:HbuildX 2.7.9 Ios:Xcode Android:Android studio 打包准备： 1.Uniapp 设置版本号 使用HbuildX生成本地打包APP资源 生成的打包资源地址 2.将生成的www文件拷贝到/Users/wangweiyuan/code/mine/Android-SDK@2.7.9.80210_20200528/HBuilder-Integrate-AS/simpleDemo/src/main/asset
小程序框架 uni-app 工作原理
m0_49373551的博客
12-05 5548
官方介绍： uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 但实际应用中，我们只会使用uni-app 做其中一件事情，而不是同时做多件事情，如只使用uni-app做Android等 通常认为Vue是做网页的，为什么还可以写小程序呢？ 实际上Vue也可以这么理解，它就是一个做用户界面的库，小程序，APP，网页都有app界面；而Vue的核
uni-app离线本地打包（安卓）配置教程
qq_33733799的博客
07-08 5059
开发环境 HBuilder X 3.1.18.20210609 Android Studio 4.2.2 JDK 11 gradle 7.1.1 App离线SDK 3.1.18 基本上全都是最新的，不提供链接，大家自行去下载，基本上各大官网都有下载链接，也不用担心不小心装了全家桶。 新建工程 打开Android Studio新建一个空白项目 选择empty Activity 点击 next Name 项目名称 Package name 包名，在正式环境中，包名应该和公司工程java项目
uniapp本地打包app安装说明
最新发布
weixin_43750611的博客
08-09 1420
使用Android Studio打开目录”HBuilder-Integrate-AS”（使用“HBuilder-HelloUniApp”也可以），并将HBuilder X生成的本地打包资源替换到“src/main/assets/apps”目录下。的值，如图3处位置的值要相同，这个包名要与后续在“开发者中心”设置“应用信息”时的“包名/appid/域名”一致。填好信息，点击“ok”回到上一页，关闭，可以看到“src”目录下已经有新生成的“key.jks”文件。可以使用Android Studio生成。
uni-app使用HBuilder X编辑器本地打包apk步骤说明
各类程序设计成品、文档、学习资料
09-25 5564
安装Android SDK和Google USB Driver即可，后者主要是为了后期使用USB设置的，如果不需要可以不点。注意：Android离线SDK的版本一定注意和HBuilder X的版本匹配，版本如果不匹配会报错。将下载下来的离线SDK进行解压，解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围绕这个文件夹展开工作。下面是解压后的文件夹目录，圈住的就是我们要用到的文件夹。
学习笔记——uni-app如何打包
qq_41339126的博客
12-18 5380
在使用uni-app写代码后，会将程序发布到不同平台，需要将uni-app的代码进行相应的打包。并下载对应的包，才可以在Android等平台上运行程序。 1.确定需要打包的项目，并且配置manifest.json 可以简单配置一下应用名称，应用版本号等，也可以不用配置。 2.点击HBulider导航栏中的发行——原生App-云打包 需要进行一下简单的配置。 首先需要选择打成apk包还是ios包，一般选择apk包就可以。其次，需要配置证书别名，证书私钥密码，证书文件等。至于其他的，...
uniapp打包流程详细介绍
05-24
eg:云打包 流程 ... 2.hbuilderx 选择 发行 --> 原生app 本地打包 --> 生成本地打包app资源 3.使用 android studio build 直接选择打包成 release包，生成文件格式apk 4.发布 apk 文件包到服务器 ，供下载
uni-app使用HBuilder X编辑器本地打包app（apk）详情步骤
qq_42390692的博客
05-19 5153
uni-app使用HBuilder X编辑器本地打包 Android app（apk）详情步骤一、下载Android Studio二、安装Android SDK和Google USB Driver三、下载uni-app提供的Android离线SDK四、配置AppKey五、将HBuilder-Integrate-AS 导入Android Studio六、修改HBuilder-Integrate-AS的配置七、RUN！八、打包本地APK 先说一下大概流程以及用到的东西：Android Studio（打包用到的
uniapp：HbuildeX项目实现jenkins自动化打包上传
mosowe
06-06 4918
ubuntu系统上的jenkins部署基础指令，发送给windows服务器上，windows服务器使用HBuilderX软件的cli.exe执行相关cli命令打包，然后jenkins再调用接口下载打包后的文件。使用pm2后会导致npm包安装失效，貌似是因为在pm2中又进行了一次转译啥的，导致py里面的相关路径可能产生问题，致使os.system命令进入项目文件夹进行npm包安装失效。因对接jenkins所以需要开发对应的接口请求来满足相关的指令发送与文件传输。项目使用域名来控制环境变量，做好相关配置即可。
uniapp本地打包使用支付宝支付报错：未添加payment模块，所用的模块包
04-01
在使用uniapp进行本地打包并集成支付宝支付时，可能会遇到一个常见的问题，即"未添加payment模块"的错误提示。...正确配置和使用这些文件，才能确保在uniapp本地打包的应用中顺利集成支付宝和微信支付功能。
uniapp安卓离线sdk_Android-SDK@3.2.3.81011_20210826
04-18
《uniapp安卓离线SDK：Android-SDK@3.2.3.81011_20210826详解》 在移动应用开发领域，uniapp以其跨平台、高效能的优势逐渐受到开发者们的青睐。针对Android平台，uniapp提供了离线SDK——Android-SDK@3.2.3.81011_...
【跨平台开发】Uni-app原理分析
后端研发工程师Marion的博客
07-11 3170
UniApp是一种基于Vue.js的跨平台开发框架，它可以帮助开发者使用一套代码构建同时运行在多个平台（如iOS、Android、Web等）的应用程序。实现跨平台的原理主要包括以下几个方面：基于WebView：UniApp使用了各平台提供的原生WebView容器作为运行环境，通过将应用程序的前端代码封装在WebView中运行，从而实现跨平台。通用API：UniApp提供了一套通用的API，统一了不同平台的接口调用方式。开发者可以使用这些通用API来实现跨平台的逻辑，而无需编写特定平台的代码。
uniapp项目打包apk相关（androidStudio，Hbuildx，dCloud）
weisian的博客
03-27 1968
jks文件为应用加密的私钥私钥文件，里面封装应用的sha1，md5，sha256等信息需要和dcloud应用一致。3、生成app资源文件（注意项目服务地址，文件地址等信息在这里配置的，生成文件前，建议在检查一下ENV.js）2、在Hbuildx项目中，登陆上面的dcloud账号，在manifest中配置项目信息（第一步获取）5、检查配置，包名版本，指定的jks文件等需要和应用信息一致。应用签名（应用sha1，应用md5，应用sha256）等。（1）如果不需要加密的项目，直接如下打包成apk即可。
uni-app 多端编译原理
thewar196的博客
12-05 1613
在 web、app平台，将.vue 文件 编译成 js 代码，小程序则拆分shengchengwx,l,wxss ,js等 ，如果涉及uts代码，安卓编译为kotlin代码，ios 编译成swift 代码。uni-app在每个平台都有各自的 runtime ，主要包括三部分：基础框架，组件，API。不管小程序还是app，逻辑层都独立为了单独的js引擎，渲染层仍然是webview（app上也支持纯原生渲染）。在web平台，逻辑层（js）和渲染层（html、css），都运行在统一的webview里。
HBuilderX云打包为APK
danger_man的博客
11-13 1094
1、打包后的APK在进入时弹出版本不同提示 原因：开发者的HBuilderX不是最新版本 解决办法：当然是更新HBuilderX后再打包就好了 2、打包后的APK在进入时弹出未添加oauth模块提示123 解决方法：勾选OAuth（登录鉴权） ...
android 9patch 的使用 (uniapp)
唐僧的专栏
11-11 528
Android中.9图片的含义及制作教程: 先看 这篇资料 https://www.jianshu.com/p/3fd048644e3f?tdsourcetag=s_pctim_aiomsg 用到的软件 draw9png，应为是 java 的开发的，所以自备 jdk 我们先观察下制作 完成之后 他的图片样式： 实际上 它会在 图片四周 多出一个像素的 黑边；一共四条边 按按照上面链接提到 的方法： 我们是 做不出来；只让 四周缩放，不影响 中间...
解决android studio中9-Patch问题
ai1362425349的博客
12-21 1633
今天在这里也出现了问题，在网上看了其他博客过后发现不能解决问题，现在用的android studio版本是3.1 Canary 5  。原来是自己的疏忽，所以发了自己错误的时候的图片和对的图片第一张是正确的 下面的是错误的，注意红色框中镜头所指的方向，你会发现中间出现了断掉的黑线，就是因为这断掉的黑线引发的错误。 原来是不允许一边出现两条黑线。
uni-app本地安卓打包
qq_45499633的博客
06-01 1910
3、将Android-SDK@3.1.13.80836_20210517\SDK\libs中lib.5plus.base-release.aar、android-gif-drawable-release@1.2.17.aar、uniapp-v8-release.aar和oaid_sdk_1.0.25.aar拷贝到demo工程的app/libs目录下。5、在uniapp官网 https://dev.dcloud.net.cn/pages/app/list 获取appID下的项目的appKey。
HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app
热门推荐
LIUAWEIO的博客
03-21 2万+
1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型，本人打包的是h5app，选的5+app 3.选择好项目本地存放的地址，编写项目名，之后点击创建 4.打开刚刚创建的那个项目，点击打开manifest.json，就是下图这样子 5.填写你的h5项目地址 6.基本配置（看图），太简单太多自己研究 7.SDK配置里可以配置你的项目的appid、key其他配置，比如你的项目...
hbuilderx里uniapp打包apk
03-26
1. 在HBuilderX中创建或打开一个已有的uni-app项目。 2. 在工具栏中点击“发行”，然后选择“原生App-托管式”，再点击“生成证书”。 3. 在生成证书的对话框中，填写应用名称、签名和密码等信息，然后点击“确定”...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值