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

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

        最近可能要接一个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版本,按实际选择即可,其它的貌似可以随便填(如果只是做打包测试的话)。

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

 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 的文件夹,这个直接删除,我们用不到。

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

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

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

7. 修改dcloud_control.xml 中的 appid

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

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

8. 生成Android证书签名

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

9. 生成appkey

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

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

10. 在 AndroidManifest.xml 中配置appKey

        回到 Android Studio ,在 AndroidManifest.xml 中配置appKeyuniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

11. 打包apk

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

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

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

uniapp本地打包成apk,uni-app,uni-app打包,uni-app发布,uni-app,android studio

         更多进阶的内容,等我摸索完再发文章,多多点赞,感谢支持!文章来源地址https://www.toymoban.com/news/detail-776933.html

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

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

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

相关文章

  • 用 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日
    浏览(65)
  • uni-app Android studio 本地打包 【图文讲解】

    需要修改文件列表 appsrcmainresvaluesstrings.xml 修改app名称 appsrcmainresvaluesAndroidManifest.xml 修改 包名 以及 uni-app 开发者后台生成的 离线打包可key simpleDemo 目录下的 准备安卓开发环境 (这里忽略,之前有文章讲解) 安卓开发环境 https://nativesupport.dcloud.net.cn/AppDocs/download/an

    2024年02月03日
    浏览(74)
  • uni-app之android项目云打包

    1,项目根目录,找到mainfest.json,如果appid是空的,需要生成一个appid  2,点击重新获取appid,这个时候需要登录,那就输入账号密码登录下 3,登陆后可以看到获取appid成功 4,选择栏目运行选项,再选择云打包选项,这时候弹出一个云打包配置页面 5,需要配置密钥,可以通

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

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

    2024年02月04日
    浏览(64)
  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

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

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

    2024年02月09日
    浏览(54)
  • uni-app云打包与本地打包

    uni-app打包方式目前有两种,云打包和本地打包,主要介绍本地打包, 开始使用打包之前,我们先看一下【 发行 】的工具栏,我们来简单介绍一下云打包与本地打包的区别: 原生APP-云打包: 原生APP-本地打包: 用HBuilderX打开要打包的项目 选中项目列表中的项目右击选择发行

    2023年04月10日
    浏览(94)
  • 『UniApp』uni-app-打包成App

    大家好,我是 BNTang, 在上一节文章中,我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁,在来一篇文章,给大家详细的介绍如何将项目打包成APP。 打包 App 也是一样的,首先需要配置关于 App 应用的基础信息,打开 manifest

    2024年02月04日
    浏览(108)
  • uni-app打包之云打包与本地打包

    背景 由于早之前发的文章关于app的大杂烩文章太杂了, 所以打算给拆一拆,这篇是uni-app打包篇 uni-app打包方式目前有两种,云打包和本地打包,主要介绍本地打包,云打包比较简单,只进行简单的介绍 云打包 用HBuilderX打开要打包的项目 选中项目列表中的项目右击选择发行

    2024年02月02日
    浏览(58)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包