uniapp打包成android版本的app

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

 用到的工具:HBuilder X、Android Studio、jdk环境

本文参考:uni-app打包成Android Apk 全程详解_uniapp npm run build_CicadaMay的博客-CSDN博客

uni-app离线打包APK教程 - 哔哩哔哩

1、使用HBuilder X将项目本地打包

1.1、将自己的正常项目拖进HBuilder X中(我用的是vue编写的小程序项目)

1.2、操作方式见下图

uniapp打包android,uni-app,android

注意:只要步骤2能操作成功,说明自己的HBuilder X是有登录DCloud账号的。后面的第3大步骤能用到。不清楚的可以问一下身边的同事

1.3、打包完成后会在项目目录中生成unapckage文件夹(就是步骤2的图片中倒数第二个文件夹)。

2、下载小程序Android 离线SDK

2.1、下载的小程序Android离线SDK要与HBuilder X版本一致。(使用最新版本的HBuilder X就得了,这样可以去下载对应的Dcloud官网公布的最新版小程序Android 离线SDK)

HBuilder X版本查看方式,见下图

uniapp打包android,uni-app,android

uniapp打包android,uni-app,android 2.2、下载下来的小程序Android 离线SDK是个压缩包,如下图

uniapp打包android,uni-app,android

 2.3、解压缩下载下来的SDK包,如下图

uniapp打包android,uni-app,android

2.4、使用Android Studio打开 解压缩SDK后,里面的 HBuilder-Integrate-AS项目

uniapp打包android,uni-app,android

3、申请Appkey

使用本地打包需要到DCloud官网为项目申请Appkey

注意:步骤1.2是使用HBuilder X将项目本地打包。细心观察会发现,“本地打包”选项是第三项,第一项为“云打包”

 3.1、查看uni-app的AppID,如下图

uniapp打包android,uni-app,android

注意:若进行了图中的重新获取ID步骤,需要重新执行步骤1.2 

3.2、登录DCLOUD开发者后台,操作见下图

uniapp打包android,uni-app,android

uniapp打包android,uni-app,androiduniapp打包android,uni-app,android 

点击新增按钮后进入此页面,见下图

uniapp打包android,uni-app,android

先停留在此页面,进行后续步骤

4、制作签名密钥

注意: 此操作需要已经配置了java环境变量

 4.1、在自定义目录内,执行如下操作

uniapp打包android,uni-app,android

4.2、创建密钥

输入指令:

keytool -genkey -alias xxx -keyalg RSA -keysize 2048 -validity 36500 -keystore xxx.keystore 

注意:xxx是自定义的别名,要保存好,等会用的到

 uniapp打包android,uni-app,android

 以上步骤执行完,会在执行命令的文件夹下生成密钥文件

uniapp打包android,uni-app,android

4.3、查看密钥

输入指令:

keytool -list -v -keystore xxx.keystore 

uniapp打包android,uni-app,android

 5、回到步骤3.2页面完成申请

uniapp打包android,uni-app,android

uniapp打包android,uni-app,android

6、回到Android Studio完成修改

官方教程:开发环境 | uni小程序SDK 

6.1、AndroidManifest.xml文件修改

uniapp打包android,uni-app,android

6.2、 替换目录

uniapp打包android,uni-app,android

6.3、修改文件

uniapp打包android,uni-app,android

6.4、修改app的build.gradle文件

uniapp打包android,uni-app,android

 7、打包测试

以上步骤完成,可以先在Android Studio上运行一下试试了。这里略过,直接说打包apk文件,步骤见图

uniapp打包android,uni-app,android

 uniapp打包android,uni-app,android

下图选择Choose existing...,选择自己制作的签名文件 

 uniapp打包android,uni-app,android

uniapp打包android,uni-app,android文章来源地址https://www.toymoban.com/news/detail-762613.html

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

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

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

相关文章

  • uni-app云打包(android)(自有证书、云端证书、公共测试证书)

    发行-原生App-云打包 1、使用自有证书 ①进入香蕉云编(这里采用的证书从 香蕉云编 进行生成) 香蕉云编-app打包上架工具类平台 ②进入页面选择 “生成签名证书” - \\\"立即创建证书\\\"  ③选择 “安卓证书生成” - “创建安卓证书” ④ 填写相关信息完成创建  ⑤成功后,下载

    2024年02月12日
    浏览(38)
  • uni-app android 本地离线打包步骤【保姆级】一看就会

    ​ 打包好的路径在 ​ 注意下载离线SDK版本需与HBuilderX版本一致 ​ 在这里,打开 这个项目。 ​ 3.1将apps目录下所有文件删除,并替换成你本地打包好的资源。这个资源是有俩级的。 ​ 3.2 ​ 将dcloud_control.xml中的appid修改为你打包好的资源里的manifest.json文件中的id。(必须一致

    2024年02月04日
    浏览(49)
  • uni-app离线打包高德地图导入android studio不能正常显示

    本人使用的uni-app SDK版本:Android-SDK@3.8.7.81902_20230704 1.导入以上文件,依赖已经自动添加了 2.确保这个正常引入 3.修改AndroidMainifest.xml,添加自己的密钥

    2024年02月13日
    浏览(42)
  • 【uni-app】【Android studio】手把手教你运行uniapp项目到Android App

    选择运行到Android App基座 选择运行项目 1、连接手机,在手机上选择 传输文件。 2、打开 设置 - 关于本机 - 版本信息 -连续点击4-5次 版本号 ,输入手机密码,系统就进入了开发者模式。 3、 设置 其他设置 开发者选项 打开 开发者选项 打开 USB调试 。 4、回到Hbuilder,点击刷新

    2024年02月09日
    浏览(38)
  • 用 Android Studio 打包 uni-app 的安卓apk;手把手教程、巨详细避坑

    Uni-app 离线打包 apk 1. Android Studio 下载 Android Studio官网 2. HBuilderX下载 HBuilderX下载 3. App离线SDK下载 Android 离线SDK - 正式版 下载后解压文件,将 HBuilder-Integrate-AS 重命名 build-template 并拷贝到一个专门打包用的文件夹下作为打包模板 该文件夹中有一个 simpleDemo 文件夹 即 build-temp

    2024年02月04日
    浏览(41)
  • 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日
    浏览(35)
  • 【uni-app系列】uni-app之App打包

    选择菜单项 “发行” - “原生App-云打包”: 输入相关信息: 第一次安装时会提示安装依赖: 提示打包校验信息,点击【继续打包】: 如果没有实名认证,提示如下信息: 可以通过修改 manifest.json 取消通讯录权限或进行实名认证处理,本文通过实名认证处理。 登录 DCloud

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

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

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

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

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

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

    2024年02月11日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包