uniapp打包成apk

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

为了将uniapp打包成apk,首先要安装Android Studio作为环境,此处放在本文末尾附录中。

自行准备或按附录中准备好安卓环境

下面正式做转换,参考如下

uniapp离线打包安卓APP全过程_uniapp 离线打包_即墨丹青的博客-CSDN博客

HBuilder中找到项目的manfest.json,关注AppID,版本名称和版本号这几个信息后续要用

uniapp打包成apk

生成App资源,后续要放进Android Studio项目中再打包成APK

uniapp打包成apk

成功导出和AppID同名的资源文件夹,里面包含了小程序的所有页面

uniapp打包成apk

去官网下载Android 离线SDK,里面有将上面导出的App资源打包成apk的模板项目,我们要将App资源放入这个模板项目中进行后续转换操作,可通过百度云和和彩云下载

uniapp打包成apk

下载后解压得到以下文件,只HBuilder-Integrate-AS有用

uniapp打包成apk

注意:以下在AS(Android Studio)中的操作过程如果控制台或其他地方出现报错极有可能是grade的配置问题,可尝试更换grade中的一些配置信息,比如SDK版本,修改后不生效可点击右上角刷新

uniapp打包成apk

出现下面情况建议重启电脑... 一般在真机调试或打包apk后出现

uniapp打包成apk

在AS中打开此项目,项目结构可能是下图

uniapp打包成apk

可选择正常项目的形式,选Project:

uniapp打包成apk

进去如果显示这样的红叉,原因是缺少SDK,

uniapp打包成apk

配置项目结构

uniapp打包成apk

这里选择一个能用的版本比如33,原先是30,我们下载的SDK是33的,这里的build tools是打包工具,用来打包成APK的,后面如果没安装会提示下载

uniapp打包成apk

还要改目标的SDK为能用的33,原先是28(这些原先的值都是在build.gradle里定义的,需要更改,更改后同步也会修改build.gradle)

uniapp打包成apk

正常

uniapp打包成apk

查看项目结构,在apps下有个和前面APP资源包名字类似的文件夹

uniapp打包成apk

删除该文件夹,将我们生成的放在apps下

uniapp打包成apk

配置appid成自己的

uniapp打包成apk

项目整合完成,接下来我们需要Appkey和一些签名才能有权限打包hbuilder的小程序成安卓应用,我们主要需要改动以下文件

uniapp打包成apk

上hbuilder后台

uniapp打包成apk

进入appid绑定的项目,在各平台信息中选择新增,理论上是在离线打包key管理上弄的,但他也提示我们到各平台信息中操作,下面新增一个key

uniapp打包成apk

现在能填的是包名和备注,还有三个签名信息下一步生成

uniapp打包成apk

这里我们先把包名、versionCode、versionName(签名uniapp中的配置)一同改成对应的

uniapp打包成apk

签名信息其实模板项目中已经有个示例如下,我们要用自己的签名替换掉原来的,下图三个部分是相互关联的

uniapp打包成apk

点击生成签名

uniapp打包成apk

选择APK的签名

uniapp打包成apk

第一次配置会出现下图

uniapp打包成apk

这些信息其实是对应gradle配置文件中的信息,后续要修改配置文件成我们填写的信息

uniapp打包成apk

Keystore是存储签名信息的文件(即上图的test.jks),没有则需要填写一个路径(放项目里比较好)然后点create new出现下图,这里其实也可以使用jdk提供的keytool命令行生成,但后续有坑,这里选择都用图形IDE的界面

uniapp打包成apk

填写完成后,凭证我就写了个名字,也可以填更详细些

uniapp打包成apk

生成一个keystore文件

uniapp打包成apk

下面的信息就需要填写keystore文件创建时填写的信息,所以最好记下创建时填写的信息,这里先别下一步,下一步就要生成一个apk了,但我们还没在配置文件配置好以上的凭证,生成apk也不能运行

uniapp打包成apk

signingConfigs改成上面keystore对应的,文件用相对路径即可

uniapp打包成apk

接下来获取下图的三个签名

uniapp打包成apk

右侧使用signingReport查看签名信息,如果没有显示图中这么多的选项,下一步

uniapp打包成apk

在设置中关掉下面选项,重启AS即可看到上图选项列表,再点击signingReport查看签名信息

uniapp打包成apk

复制打印的信息到hbuilder官网

uniapp打包成apk

注意:这里说回用keytool命令行处理keystore,前面也使用下面指令来生成keystore文件

keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore cmd-android.keystore。这个生成的keystore应该和IDE中生成的无区别。

但如果不是在IDE中使用signingReport查看签名信息,而是使用命令行

keytool -list -v -keystore cmd-android.keystore查看,则有可能因为jdk版本导致不显示MD5的签名信息如下,试过换了好几个jdk版本都不行用上了signingReport

uniapp打包成apk

hbuilder官网

uniapp打包成apk

提交后查看多了个一个安卓平台记录,点击生成离线打包key(appkey)

uniapp打包成apk

在配置文件中换上上面的appkey

uniapp打包成apk

另外跟着官网在上图文件中做了些小修改,影响不大,只是复制粘贴activity配置项

开发环境 | uni小程序SDK

必要的配置都已完成了,但还可以配置一些项目相关的信息

项目名,直接是安装使用显示的名字

uniapp打包成apk

三个图片,icon是日常显示在手机里的图标,push是推送时显示的图标,splash是打开app显示一下的页面图片(类似开屏广告)

uniapp打包成apk

所有配置都已完成,开始打包apk,还是之前的位置

uniapp打包成apk

填写创建keystore时的信息

uniapp打包成apk

下一步,选择release,create

uniapp打包成apk

如果没安装过build tools这里会报错,按提示安装后再次create就好

uniapp打包成apk

项目中出现release成功导出apk,如果没看到可以直接去翻文件夹,IDE有时会卡不显示,拿去手机端安装即可

附录:

 在toolbox中下载Android Studio:

uniapp打包成apk

安装后提示缺少SDK,按步骤进行下载

uniapp打包成apk

默认安装路径可能不允许安装

uniapp打包成apk

下一步后没有下载任何东西

uniapp打包成apk

重进IDE

uniapp打包成apk

再次提示缺少SDK,打开管理器配置下载

uniapp打包成apk

配置镜像下载

uniapp打包成apk

应用后再次回到下载SDK,换一个SDK的安装路径,上方提示可下载的SDK

uniapp打包成apk

下载

uniapp打包成apk

uniapp打包成apk

uniapp打包成apk

可能会出现下载不完全的情况,按提示再次回到安装页面下载即可

uniapp打包成apk

完成后不会提示缺少SDK,可新建项目,第一次新建项目后要下载好久的依赖

uniapp打包成apk文章来源地址https://www.toymoban.com/news/detail-468900.html

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

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

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

相关文章

  • uniapp打包成android版本的app

     用到的工具:HBuilder X、Android Studio、jdk环境 本文参考:uni-app打包成Android Apk 全程详解_uniapp npm run build_CicadaMay的博客-CSDN博客 uni-app离线打包APK教程 - 哔哩哔哩 1.1、将自己的正常项目拖进HBuilder X中(我用的是vue编写的小程序项目) 1.2、操作方式见下图 注意:只要步骤2能操

    2024年02月04日
    浏览(44)
  • uniapp离线打包apk - Android Studio

    ​下载 Android Studio 版本最好 4.0以上 ​下载 HBuilder X ​下载 Android离线SDK 注意:HBuilder X 和 离线SDK 版本必须一致(我的版本 3.6.2) Android SDK解压后目录: ​​​​ 以上步骤完成后,在工具栏找到Build,选中Generate Signed Bundle/APK… 在key store password 和 key password中输入密码 ****** (两

    2024年02月10日
    浏览(54)
  • Uniapp App离线打包流程(Android、IOS待续)

    开发环境: Visual Studio Code 版本:1.84.2 (非必需,可跳过) HBuilder X 版本:3.96 Android Studio 版本: 2022.1.1 JDK 版本:11.0.1 Android SDK. 版本:34.0.0 官网打包流程:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html) 温馨提示:网盘下载如龟速,如需要SDK可以加V benjamin19950304 由于uniapp 3

    2024年04月15日
    浏览(48)
  • uniapp开发云打包详细流程(包含安卓Android和苹果IOS)

    Hbuilder在菜单栏选择“发行”,选择“原生App-云打包”,使用云打包不需要学习Android Studio的使用,节省开发时间,但是云打包需要排队(排队人数越多等待时间越长),每个账号每天限制打包5次。                     1.2.1、安卓包名 在项目中打开manifest.json文件,基础配

    2024年02月08日
    浏览(57)
  • uniapp 打包安装(安卓和ios)

    所需要的文件 包名 证书别名 证书私钥密码 证书文件 准备好文件后点击hbuilder的发行-原生app-云打包 注意:要选择自用证书及打正式包及快速安心打包,第一次打包时可能会勾选基础广告,取消即可。打包前需要在 DCloud里进行绑定手机号和实名认证的操作,否则会打包失败

    2024年02月02日
    浏览(41)
  • uniapp-ios打包安装测试

    我们在做uniapp需要打ios包测试的时候,会有证书私钥密码、证书profile文件、私钥证书三项必填项,这是苹果三件套,必须要有的。就是下图所示  下面说一下如何获取: 登录: https://appleid.apple.com/account  点击创建Apple id   册成功或者已有苹果账号,登录苹果开发者中心:

    2024年02月09日
    浏览(43)
  • uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白的解决办法

    前言: 最近在做项目的时候出现了一个很无解的问题,问了很多人,找了很多的资料,都没有解决.最后在一个突然的机会,我发现了一个小线索.(继续往下看!) 问题描述: uniapp在打包成app后使用uni.chooseLocation后,在app端,选择地址的时候,你会发现他一直都是在转圈的状态,但是真机调试

    2024年02月02日
    浏览(56)
  • uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)

    此文章最适合第一次开发原生插件并且无原生开发经验的攻城狮! uni-app 官方文档地址:uni原生插件开发教程 原生插件必备离线SDK下载:Android 离线SDK - 正式版 要拥有JAVA环境 jdk1.8 版本,其他版本根据情况自我调整 想必读者在看此文章之前电脑就有HBuilderX和Android Studio开发工

    2024年02月10日
    浏览(55)
  • Capacitor 打包 h5 到 Android 应用,uniapp https http net::ERR_CLEARTEXT_NOT_PERMITTED

    capacitor 官网: https://capacitorjs.com/docs/ 项目上需要做一个 app,而这个 app 是用 uniapp 做的,里面用到了一个依赖 dom 的库,所以无法使用 Uniapp 直接生成对应的 android 应用,试过了,无法使用,体验很差。 后发现 capacitor 打包 h5 到 Android 应用 摸索了一天半终于把这个路径打通了

    2024年02月08日
    浏览(79)
  • uniapp 打包ios,首次安装允许网络请求后页面空白(问题已解决)

    找了很多文章都没有比较靠谱的方案; 现提供有效的解决方案记录一下: app.vue文件中在首次加载调用个方法检测网络: setInterval(() = {                 uni.getNetworkType({                     success: res = {                         uni.showToast({                          

    2024年02月09日
    浏览(48)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包