iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >uni-app项目打包成apk(本地打包篇)
  • 187
分享到

uni-app项目打包成apk(本地打包篇)

uni-appandroidstudio 2023-09-03 14:09:46 187人浏览 泡泡鱼
摘要

        最近可能要接一个uni-app的项目,之前没有接触过,因此学习了一下,好在uni-app基本算是Vue和微信小程序的结合体,所以写代码方面问题不是太多,不懂的百度一下基本都能处理。写完demo之后,demo的内容应该能告诉客

        最近可能要接一个uni-app的项目,之前没有接触过,因此学习了一下,好在uni-app基本算是Vue微信小程序的结合体,所以写代码方面问题不是太多,不懂的百度一下基本都能处理。写完demo之后,demo的内容应该能告诉客户我可以做,但我一开始是先用手机录制视频,然后把录制的视频给客户看的。但这样不够好,因为不知道打包成apk后会遇到什么问题,因此还是自己摸索着去打包成可安装的apk,直接让客户试用。

        下面的步骤,不要跳步,一步步看,肯定是可以成功的。     

1. 本次用到的工具:

        1. 代码开发工具HBuilder X

        2. apk打包工具Android Studio

        3. apk打包SDK:Android离线SDK  (下载地址:Android离线SDK

        3. 生成签名证书的工具:jdk1.8(网上说只要装jre就行,但jdk里包含jre,所以直接装jdk吧,jdk装完要配置环境变量,jdk环境变量的配置可以看这个:jdk环境变量配置

        4. 生成appkey的网站:DCLOUD的开发者中心(网址:开发者中心) 

2. 导出前的配置

        在 HBuilder X 中打开uni-app项目中的 mainifest.json 文件,会弹出来一些可配置的内容,这次我们简单一点,只配置基础配置。其中 uni-app应用标识(AppID) 如果默认没有的话,点后面的 重新获取 即可,它会警告你,不过点了没事,且会为你生成一个AppID。然后就是选择开发使用的vue版本,按实际选择即可,其它的貌似可以随便填(如果只是做打包测试的话)。

3. 导出uni-app项目供打包使用

        项目代码在自己手机上测试运行成功后,我们需要把uni-app的项目导出。点击 HBuilder X上方的 发行-->原生App-本地打包-->生成本地打包App资源 即可。如果是第一次点击,可能会提示你装什么东西,按提示的来,同意安装就可以了。

         导出成功后,HBuilder X 下方的控制台会告诉你导出路径。至此,HBuilder X 的任务完成。

 4. 下载Android离线SDK

         Android离线SDK 下载地址:Android离线SDK 

         这个sdk可能不止用来打包apk,但目前我只是用来打包apk。

 5. 将HBuilder X导出的文件夹移动到离线SDK中

        将刚才 HBuilder X 导出的以AppID命名的文件夹(www文件夹的上一级)整个移动到离线SDK的 HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps 路径下,该路径下默认会有一个叫 __UNI__A 的文件夹,这个直接删除,我们用不到。

 6. Android Studio 导入SDK中的示例项目

        如果第一次安装 Android Studio,安装过程中会提示你缺啥好像,记不太清了,直接cancel那个提示,然后跟着引导一步步安装就行了,安装结束后,好像也没什么问题。

        接着导入离线SDK中的 HBuilder-Integrate-AS 文件夹到 Android Studio 中。注意:文件路径中不要出现中文!否则会报错!

7. 修改dcloud_control.xml 中的 appid

        接下来,别纠结截图中我 Android Studio 的文件结构为什么你不一样,截图中有些文件夹或者路径好像被隐藏了,这不重要,我只是来打包的。

        找到 assets/data 下的 dcloud_control.xml 文件,点开它,将文件中appid的值,改成 HBuilder X 中生成的appid。appid记不住没关系,还记得第5步中让你移动的那个文件夹吗,它的文件名就是appid

8. 生成Android证书签名

        这一步我参考了别人的文章,所以不多讲了,按他的步骤做(jdk环境变量的配置虽然他文章里写了,小白最好还是看这个:jdk环境变量配置),记下生成证书的文件路径、证书的SHA1安全码、证书的alias(别名)以及设置的两个密码(怕忘记,两个密码设一样的),后续步骤会用得到。参考网址(生成Android证书签名)。

9. 生成appkey

        前往 DCLOUD 的开发者中心(网址:开发者中心),如果按照我的步骤做,那在第2步 HBuilder X 中生成appid后,就能在开发者中心我的应用中看到这条应用,点击应用名称会跳转到该条应用的管理页面。

         点击上方的 离线打包Key管理 按钮,进入生成appkey的菜单。我的这个菜单是已经生成appkey的,所以会和你第一次点进来有所不同,不用担心。

        选择平台:我们选择Android,因为我们这次是打包apk。

        Android包名:包名不能随便写,否则安装apk打开后会报错!它的值在离线SDK的 \HBuilder-Integrate-AS\simpleDemo\src\main\AndroidManifest.xml 中,没改过的话应该跟我一样,是 com.android.simple

        Android证书签名SHA1:第8步中让你记下的SHA1安全码。

        这些填完后,点确认还是啥的,应该就可以生成appkey了。

10. 在 AndroidManifest.xml 中配置appKey

        回到 Android Studio ,在 AndroidManifest.xml 中配置appKey

11. 打包apk

        现在万事俱备,只剩打包了,点击 Android Studio 上方的 Build-->Generate Signed Bundle / APK...

         弹出打包窗口,选择 APK,然后点击 Next

        点击 Choose existing...,选择第8步让你记下的证书存放路径,Key store path 就会自动填充,Key store passWord、Key alias、key password,这三项也在第8步中设置。如果两个password记不住了,那就按第8步的教程重新生成一个证书吧。Remember passwords 根据自己需要吧(小白还是勾吧,记住密码)。全部填完后点击下方 Next 

         最后就是选择导出路径,然后选择 release,然后点击下方 Finish

         导出成功后,Android Studio 下方的 Build 控制台会提示 BUILD SUCCESSFUL 。

        然后就可以在导出路劲的release文件夹里找到打包好的apk文件了,截图里的是默认导出路径,你可以在release的时候选择你的导出路径。

         然后在手机上安装刚才的apk并打开,如果正常打开,那基本就成功了。

        我在摸索的时候,打包成功后,安装到手机,打开app的时候提示appkey不存在或配置错误,后来发现是第9步生成appkey的时候,包名写错了,一定要和 AndroidManifest.xml 文件中的包名一样。

         更多进阶的内容,等我摸索完再发文章,多多点赞,感谢支持!

来源地址:https://blog.csdn.net/zxczero/article/details/126624787

--结束END--

本文标题: uni-app项目打包成apk(本地打包篇)

本文链接: https://www.lsjlt.com/news/392360.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • uni-app项目打包成apk(本地打包篇)
            最近可能要接一个uni-app的项目,之前没有接触过,因此学习了一下,好在uni-app基本算是vue和微信小程序的结合体,所以写代码方面问题不是太多,不懂的百度一下基本都能处理。写完demo之后,demo的内容应该能告诉客...
    99+
    2023-09-03
    uni-app android studio
  • uni-app云打包与本地打包
    uni-app打包 uni-app打包方式目前有两种,云打包和本地打包,主要介绍本地打包, 开始使用打包之前,我们先看一下【 发行 】的工具栏,我们来简单介绍一下云打包与本地打包的区别: 原生APP-...
    99+
    2023-09-25
    uni-app android android studio 前端 javascript
  • uni-app使用HBuilder X编辑器本地打包apk步骤说明
    1.下载安装Android Studio 下载地址官方地址:Android Studio 下载文件归档  |  Android 开发者  |  Android Developers 安装Android SDK和Google USB Driv...
    99+
    2023-09-26
    uni-app 编辑器
  • 【uni-app系列】uni-app之App打包
    目录 一、原生App-云打包二、离线打包1.环境准备2.导入工程3.申请 Appkey(1)登录开发者中心(2)我的应用 -> 点击“应用名称”(3)进入离线打包 Key 管理 4.配置 Appkey5.修改 build.gr...
    99+
    2023-08-21
    uni-app android
  • pycharm项目打包exe怎么变成APK
    pycharm 无法直接将 python 项目打包为 apk。pycharm 专注于 python 开发,而 apk 用于在安卓设备上运行应用程序。打包 python 项目为 apk 需...
    99+
    2024-04-03
    linux python pycharm 跨平台应用 模拟器
  • uniapp项目如何打包成app(基本流程)
    随着移动互联网的快速发展,越来越多的企业开始将自己的业务拓展到移动端。为了更好地展示企业形象以及提高用户体验,很多企业选择开发自己的 APP。而在 APP 的开发中,最重要的环节莫过于 APP 的打包了。本文将介绍使用 uniapp 开发的...
    99+
    2023-05-14
  • 解决 uni-app 云打包 apk 运行白屏问题
    第一步:点击 manifest.json 第二步:点击 App常用其它设置 第三步:在 Android设置 中,勾选手机或模拟器支持的CPU类型,若不清楚可以全部勾选 第四步:点击 发行,进行 云打...
    99+
    2023-08-31
    uni-app android
  • 怎么使用HBuilderX把vue项目打包成apk
    本篇内容主要讲解“怎么使用HBuilderX把vue项目打包成apk”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用HBuilderX把vue项目打包成apk”吧!1. 下载HBuilde...
    99+
    2023-07-02
  • 如何使用HBuilderX把vue项目打包成apk
    目录1. 下载HBuilderX2. 安装HBuilderX3. 在vscode中打包vue项目3.1 在打包vue项目之前3.2 执行打包命令4. 在HBuilderX中打包apk...
    99+
    2024-04-02
  • Unity3d发布android项目,打包apk包流程(unity2021.3.10)
    一、确保已正确安装SDK 1、如下图,在安装版本设置里,点击添加模块。如果没有添加模块,证明你安装路径不是目前版本的安装路径,先去设置回来。 2、框选Android Build Suppor...
    99+
    2023-09-03
    android unity c# Powered by 金山文档
  • Uniapp怎么打包本地app
    Uniapp是一款非常流行的跨平台开发框架,它可以让开发人员使用一套代码来开发同时支持iOS、Android和Web的应用。但是,当开发人员需要将Uniapp应用打包成本地应用时,就需要特殊的步骤与技巧。本文将介绍如何将Uniapp应用打包...
    99+
    2023-05-14
  • uni-app打包ios的步骤
    注意:下面的操作必须同时满足三个条件,且这三个条件都是必须得: 1.有一个苹果开发者账号(要收费) 2.有一台苹果笔记本(在笔记本上生成证书和文件) 3.有一部苹果手机(用于测试app的功能) 使用uniapp发布ios的应用的步骤如下: ...
    99+
    2023-08-17
    ios uni-app
  • UNI-APP安卓本地打包详细教程(保姆级)
    一、开发环境 uni-app 官方文档地址  原生开发者支持 Android Studio 下载地址:Android Studio官网 OR Android Studio中文社区 最新版的HBuilderX App离线SDK下载:最新and...
    99+
    2023-10-20
    android android studio 前端 vue.js
  • pycharm怎么打包成apk
    如何使用 pycharm 打包 android 应用为 apk?确保项目已连接至 android 设备或模拟器。配置构建类型:添加一个构建类型,勾选“生成签名 apk”。在构建工具栏中点...
    99+
    2024-04-18
    pycharm 模拟器
  • vue3中 打包成apk(android)
    本文仅演示的是打包成android 版本的apk 一、打包vue3项目 1、打包         通过打包命令将vue3项目打包成一个dist文件夹 注意:一般的打包命令为npm run build,特殊设置的修改一下打包命令  ...
    99+
    2023-10-03
    vue 前端
  • pycharm如何打包成apk
    pycharm 可将 python 代码打包为 apk,以在 android 设备上运行:1. 创建 android 项目;2. 编写 python 代码;3. 配置构建设置;4. 构建...
    99+
    2024-04-19
    python pycharm
  • 如何使用uni-app打包H5
    本文小编为大家详细介绍“如何使用uni-app打包H5”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何使用uni-app打包H5”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 找到项目中 manifest.j...
    99+
    2023-07-04
  • springboot项目如何打包成jar包
    本篇内容主要讲解“springboot项目如何打包成jar包”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“springboot项目如何打包成jar包”吧!一、为什么打包项目开发完毕后会将前后端应...
    99+
    2023-06-30
  • android studio如何打包成apk
    要将Android Studio项目打包成APK文件,可以按照以下步骤操作:1. 在Android Studio中打开你的项目。2....
    99+
    2023-09-14
    android
  • Unity游戏项目从零打包安卓APK
    目录 前言 一、切换到安卓平台 二、安装JDK 三、安装AndriodStudio 四、安装NDK 五、进入Unity配置 六、关键修复 1.设置修改 2.文件修改  六、打包 总结 前言 记录当前从零打包安卓A...
    99+
    2023-09-02
    游戏 开发语言 c# unity
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作