记录--UNI-APP安卓本地打包详细教程(保姆级)
<h3 id="tid-QnSCH7"><span class="ne-text">这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助</span></h3><p><span class="ne-text"><img src="https://img2020.cnblogs.com/blog/2149129/202107/2149129-20210719135854680-672185839.jpg" width="135" height="252"></span></p>
<h2>一、开发环境</h2>
<h3>uni-app 官方文档地址 原生开发者支持</h3>
<p>1、Android Studio 下载地址:Android Studio官网 OR Android Studio中文社区</p>
<p>2、最新版的HBuilderX</p>
<p>3、App离线SDK下载:最新android平台SDK下载</p>
<p>4、3.1.10版本起需要申请Appkey,申请请参考</p>
<h2>二、准备环境</h2>
<h3>1)Android Studio下载</h3>
<p>点击进入 Android Studio官网 或者 Android Studio中文社区</p>
<p>点击Download Android Studio,然后下滑弹窗勾选同意协议,并点击下载Android Studio</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026163420282-12617309.png" alt="" width="713" height="360" loading="lazy"></p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026163437510-1386944569.png" alt="" width="704" height="353" loading="lazy"></p>
<p>下载成功后安装即可。</p>
<h3>2)最新版HBuilderX下载</h3>
<p>HBuilderX:官方IDE下载地址</p>
<p>HBuilderX 3.4.6版本起,取消单独的App开发版安装包,统一为一个标准安装包。标准版也可以安装app相关插件。</p>
<p>这里直接下载最新的正式版。</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026163515154-20022679.png" alt="" width="694" height="336" loading="lazy"></p>
<p> 如果是已有老版的HBuilderX,可打开编辑器后,通过点击帮助,点击检查更新后,直接点击立即更新,然后等待自动更新后重启HBuilderX即可</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026163549457-460466385.png" alt="" loading="lazy"></p>
<h3> 3)App离线SDK下载</h3>
<p> 点击进入:最新android平台SDK下载</p>
<p> 复制提取码后进入百度云直接下载最新版压缩包</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026163614824-238922397.png" alt="" width="636" height="367" loading="lazy"></p>
<p> 下载成功后解压压缩包后打开,可根据个人习性,将HBuilder-Integrate-AS文件夹拷贝至其他专门存放打包文件的文件夹内</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026164929459-897423957.png" alt="" loading="lazy"></p>
<h3>4)生成本地打包APP资源</h3>
<p>打开最新版HBuilderX,点击界面上方的发行,点击原生App-本地打包,点击生成本地打包资源 </p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026164947994-851454274.png" alt="" loading="lazy"></p>
<p> 生成资源成功之后,点击生成链接进入存放目录,保存生成的文件</p>
<p><span class="ne-text"><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165001815-993469944.png" alt="" width="667" height="353" loading="lazy"></span></p>
<h3>5)申请Appkey</h3>
<p>首先登录开发者中心,没有账号的必须注册一个。</p>
<p>登录成功后点击想要离线打包的项目,进入到项目的详情页</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165027200-331125224.png" alt="" loading="lazy"></p>
<p>点击菜单栏的离线打包Key管理,勾选打包的平台,自定义Android包名,输入Android 证书签名SHA1,最后点击保存即可生成AppKey。</p>
<p>可通过在生成的Android 证书目录里面cmd命令行输入</p>
<p>keytool -list -v -keystore 证件名.keystore</p>
<p>回车后输入证书文件密码,来查看证书信息(SHA1,SHA256证书指纹)</p>
<h2>三、开始离线打包</h2>
<p>上述准备工作全部完成后,首先打开Android Studio编辑器导入之前准备工作里步骤三生成的离线SDK资源里的 HBuilder-Integrate-AS 文件夹</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165058633-131596163.png" alt="" loading="lazy"></p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165105722-6395241.png" alt="" loading="lazy"></p>
<p> 导入成功后,首先替换掉simpleDemo\src\main\assets\apps目录下的原有资源,更换为之前准备工作里步骤四HbuiderX 生成的本地打包APP资源</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165118337-208431765.png" alt="" loading="lazy"></p>
<p> 然后将data目录下的dcloud_control.xml文件内的appid清空,更换成自己uni-app的应用标识AppID,也就是准备工作里步骤四HbuiderX 生成的本地打包APP资源的名称</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165134586-972690966.png" alt="" loading="lazy"></p>
<p> 打开Androidmanifest.xml文件,将android:value替换为之前准备工作步骤五里申请的Appkey,将package更换为Android包名</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165147457-1180687010.png" alt="" width="825" height="524" loading="lazy"></p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165202748-2130941295.png" alt="" width="832" height="499" loading="lazy"></p>
<p> 打开values目录下的strings.xml文件,输入自己应用想要的应用名称(类似QQ、微信这些应用名称)</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165222935-637758633.png" alt="" loading="lazy"></p>
<p>打开drawable目录,该目录主要存放</p>
<p>icon.png : logo图片</p>
<p>push.png : 消息推送logo</p>
<p>splash.png : 启动页</p>
<p>选中任意图片右键,可点击Create 9-Patch file 将图片更换为.9.png类型,防止不同型号手机导致图片变形</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165239008-1068868786.png" alt="" width="787" height="508" loading="lazy"></p>
<p>打开build.gradle文件,填入Android包名和大版本号和小版本号</p>
<p>可通过在simpleDemo\src\main\assets\apps\__UNI__B0DA83E\www目录下的manifest.json文件查看版本号信息</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165254972-1013245212.png" alt="" width="856" height="508" loading="lazy"></p>
<p> 最后就可以点击Android Studio编辑器上方的build,点击Generate Signed Bundle / APK进行打包</p>
<p><span class="ne-text"><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165309509-881767005.png" alt="" width="692" height="382" loading="lazy"></span></p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165323972-307844277.png" alt="" loading="lazy"></p>
<p>依次输入Android平台签名证书(.keystore)的证书路径、证书秘钥、证书别名和打包密码</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165337696-1425489949.png" alt="" loading="lazy"></p>
<p> 选择正式包,最后点击Finish,等待打包完成即可</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165347607-1133247290.png" alt="" loading="lazy"></p>
<p> 最后这就是打包完成后的文件,整个离线打包也就结束了,可以直接在手机上进行安装了</p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165357988-1161240495.png" alt="" loading="lazy"></p>
<h2>四、解决问题</h2>
<h3>最新解决Android Studio打包没有Generate Signed Bundle/APK选项</h3>
<p><span class="ne-text">在开发React native安装Android Studio时,出现了一些问题,没有Generate Signed Bundle/APK打包选项. <br>在网上查很多都是点击File,选择Sync Project with Gradle Files,我这边设置无效。 </span></p>
<p><span class="ne-text"><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165451218-1289008886.png" alt="" loading="lazy"></span></p>
<p>最终通过一系列配置才显示出来。</p>
<h3>请检查是否有以下条件:</h3>
<h4>1、Node.js环境</h4>
<p>检查是否有安装nodejs</p>
<h4>2、JDK</h4>
<p>JDK(Java Development Kit)是 Java 开发套件的简称。我们用 React Native 开发的 Android 应用,最<br>终是运行在 Java 环境中的。所以,需要安装 JDK。<br>下载地址: https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html<br>安装完成后,进行校验,打开cmd命令行,输入 java -version,然后回车,验证安装是否成功(看到版本号,说明JDK 安装成功)。<br><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165535602-1657273564.png" alt="" loading="lazy"></p>
<h4>3、Android Studio环境变量</h4>
<p>先查看Android Studio SDK位置:</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165555686-563106059.png" alt="" loading="lazy"></p>
<p> <img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165602095-214417021.png" alt="" loading="lazy"></p>
<p> 在系统变量中添加ANDROID_HOME:</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165614136-2109847044.png" alt="" width="597" height="548" loading="lazy"></p>
<p>编辑系统变量中的Path:<br>新增4个<br>%ANDROID_HOME%\platform-tools<br>%ANDROID_HOME%\emulator<br>%ANDROID_HOME%\tools<br>%ANDROID_HOME%\tools\bin</p>
<p>以上配置完成后重启软件,即可生效。</p>
<p><img src="https://img2022.cnblogs.com/blog/2149129/202210/2149129-20221026165629665-361047240.png" alt="" loading="lazy"></p>
<h3 id="tid-A8dYk6"><span class="ne-text">本文转载于:</span></h3>
<h3 id="tid-SwZPdd">https://blog.csdn.net/PIOnly/article/details/125196697</h3>
<h3 id="tid-D8HBxE">如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。</h3>
<p> <img src="https://img2020.cnblogs.com/blog/2149129/202107/2149129-20210719144042684-15122820.jpg" width="212" height="209"></p><br><br>
来源:https://www.cnblogs.com/smileZAZ/p/16829070.html
頁:
[1]