uni-app项目打包步骤和踩过的坑(四)

已于 2024-06-26 09:20:14 修改
阅读量2.1k 收藏 12
点赞数 38
分类专栏： C#开源架构分析 uni-appy应用开发 文章标签： vue.js 前端 javascript
于 2024-03-29 14:22:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_nanda/article/details/137116891
版权
C#开源架构分析 同时被 2 个专栏收录
64 篇文章 1 订阅 ¥399.90 ¥499.90
订阅专栏
uni-appy应用开发
20 篇文章 0 订阅 ¥19.90 ¥99.00
订阅专栏
本文详细介绍了使用uni-app进行打包的步骤，包括Android Studio的导入，离线SDK的使用，appid配置，dcloud_control.xml修改，Android证书签名的生成以及在AndroidManifest.xml中配置appKey等。在打包过程中遇到的问题和解决方案也进行了分享。
摘要由CSDN通过智能技术生成

        最近接了一个前同事留下的uni-app的项目，之前没有接触过，好在以前的工作中用到过vue做过前台开发，虽然时间不长，但是有些方面还是可以借鉴的。经过前几篇文章的介绍，我已经补完了后台服务代码，打算发布到设备上试试。

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

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 文件，会弹出来

了解本专栏 订阅专栏 解锁全文
A_nanda
关注
  • 38
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
订阅专栏
uni-app项目打包步骤和踩过的坑(五)
A_nanda的博客
04-03 675
个人体验：程序打包最后不要跨几个平台进行，向我最开始使用uni-app生成本地资源，再用Android Studio生成应用，但是不知道什么原因，即使能打包成功，也显示未配置appkey；书接上回，上一篇文章写道我利用Android Studio打包uni-app的项目，不知道填写那个数据签证的问题，而且即使能成功打包出的apk在运行时候一直报。期间尝试了多种网络上的方式都出现问题，而且我还切换Android Studio的版本，用过3.99和4.06两个版本；7、弹出打包校验---点击继续打包。
uni-app项目本地离线android打包步骤
04-22
uni-app项目本地离线android打包步骤 uni-app很好，但按照官方的android离线打包指导并不容易很顺利完成离线打包 结合官方文档，经过反复试验、百度总算打包成功 为此特整理成word，按自己认为合适的方式把打包步骤写出来，文档中有大量截屏，免得文字描述说不清。 该文档特别适合摸索打包未成功的开发人员，也许文档中某个片段就能帮助你闯关成功。 感谢uni-app,感谢百度、感谢csdn
uniapp开发云打包详细流程（包含安卓Android和苹果IOS）
weixin_43742167的博客
03-31 1万+
使用Hbuilder开发uniapp云打包详细流程（包含安卓Android和苹果IOS）
UNIAPP离线打包成apk文件最全攻略
weixin_54529705的博客
10-18 1082
在修改系统变量的时候切记注意，不然容易误删文件造成极大的损失，本人在这里操作失误，莫名把很多软件的运行文件删除了，电脑键盘也无法运行，不知道是操作失误还是中了病毒，重启了几次把软件全部卸载重新安装一遍才解决，算是一个小插曲。首先是配置环境，hbuilder的环境配置相对简单，去官网下载就好了，近几年新兴的开发平台，操作十分简便，相比于as繁琐的英文以及导航栏，中文的开发平台可谓一目了然。创建好后修改文件名为text.keystore就好，用自己修改的应该也没问题，避免有其他差错就改的和示例一样了。
uni-app打包成apk文件
qq_45158026的博客
12-06 1396
uni-app打包成apk文件
uni-app打包成Android Apk 过程详细
m0_56063262的博客
07-18 6744
重新运行npm run build:app-plus，生成新的app-plus内容，替换之前的www文件夹里的内容，并且打开里面的manifest.json 应该能看到id已经变成重新获取的appid了。在项目根目录新建一个文件夹，以 src/manifest.json 中的 appid 字段为文件名，然后在文件夹中创建一个 www 目录，将 app-plus 文件夹下的资源拷贝到 www 目录中。在assets右键新建一个文件夹apps，将 3.2 步骤的appid文件夹整个复制到 apps目录下。
uniapp安卓本地打包成apk
m0_47659279的博客
01-18 4697
环境准备 1.HBuilderX最新版 2.与HBuilderX版本对应版本的“Android 离线SDK - 正式版”， 下载见：https://nativesupport.dcloud.net.cn/AppDocs/download/android.html 3.Android Studio，官方下载地址：https://developer.android.google.cn/studio?hl=zh-cn 4.java1.8环境 证书（keystore）准备
关于uni-app打包的步骤
bigpatten的博客
05-16 3773
首先在准备打包前配置好我们的APP相关配置，在manifest.json中。 打包的证书别名、密码、证书文件是不可少的 证书的生成步骤可以参考 https://ask.dcloud.net.cn/article/35777 安装jre环境 安装完成后，打开命令行（cmd），输入以下命令： d: set PATH=%PATH%;"C:\Program Files\Java\jre1.8.0_201\bin" 第一行：切换工作目录到D:路径 第二行：将jre命令添加到临时环境变量中 生成签名证书
uni-app 打包 app
weixin_40196863的博客
11-18 487
调用第三方登录（微信等） 页面代码 <view class="auth"> <!-- #ifdef APP-PLUS --> // 条件编译, 代码只有在app内才生效 <image src="../../static/icos/weixin.png" data-loginType="weixin" @click="auth"></image> <image src="../../stat...
uni-app 打包为 H5 并上传服务器
01-08
总的来说，将uni-app打包为H5并上传至服务器是一个涉及配置、打包、上传等多个步骤的过程，每个环节都需要细心处理，以确保应用能顺利地在Web环境下运行。在实际操作中，根据项目的特性和服务器环境，可能还需要进行...
uni-app离线打包100%学会
06-17
总之，uni-app离线打包虽然相比在线打包步骤稍多，但能够提高开发效率，尤其在网络环境不佳的情况下。通过了解打包流程，理解可能遇到的问题及其解决方法，你将能够熟练掌握uni-app的离线打包技术。
uniapp离线打包APK并运行至Android Studio
weixin_44990895的博客
08-08 1293
相信有不少做uniapp开发并打包成APK的小伙伴有过相同经历，每次更改项目之后需要部署之时，就逃不过云打包并排队以及打包次数受限的痛苦，况且每当周五下午，这个痛苦会再次加倍，所以下面就为各位介绍一下uniapp离线打包的完整教程（PS：真的有好多坑，整掉了我1024根头发 -_- ）
uni-app项目打包成apk（本地打包篇）
热门推荐
zxczero的博客
09-01 4万+
uni-app项目打包成apk（本地打包篇）
【超详细】从 0 到 1 打包你的 uni-app 应用：安卓篇打包指南
qq_45732872的博客
03-12 3330
说明：如果在这个地方检测不到你的真机设备，说明手机和电脑通过 USB 未真正连接成功，通常的解决方案是下载一个 360 手机助手、豌豆荚、应用宝等第三方应用，这些应用会安装一些必备的驱动，从侧面解决你的连接调试问题。说到底是被 uniapp 卡脖子了，云打包确实会打包一些无用的插件，但是官方不解决，没有办法，其次你也可以使用离线打包试一下，但是效果不怎么理想。这个功能是我们接下来要使用的重点功能，主要用来打包 App 的配置项，包括 Android 配置和 iOS 配置，接下来会进行详细的说明。
uniapp打包和发布APK教程
renkai721的专栏
05-20 3700
hbuilderx打包apk，android studio打包apk文件
uniapp的App证书 秘钥 应用包名等 ios安卓可能涉及到的一些问题
qq_42546652的博客
11-11 2620
如图所示 这个uni_appid 即uniapp的id 切记 不要重新获取。这样可能会在后续打包等问题出现问题。但是由于本人好奇心极重以及手欠的特性。还是没忍住重新获取了一下。 于是内心慌得一比的我就遭遇了无法打包的问题。终于在种种百度中，找到了问题的关键。 在这里就可以因我自己手欠的原因。重新更改回原来的uni_appid uni_appid： uniapp的id 秘钥： 生成APP证书时设置的密码 应用包名： uniapp打包时有个安卓包名既应用包名 应用签名： 常是微信开放平台中特定需要的，下载.
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 5956
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
vue ref和reactive区别
最新发布
灰海
08-25 563
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
uni-app项目打包
09-04
根据引用内容，uni-app项目可以通过HBuilderX可视化界面或vue-cli命令行两种方式创建。在HBuilderX中，选择项目->发行->原生App-本地打包，然后进行编译和导出步骤，最终生成本地打包App资源。 在实名认证后，可以进行项目的打包。通过云打包或本地生成安装包的方式进行打包，具体时间取决于打包队列和项目的复杂性。 另外，也可以使用HBuilderX的离线打包功能。具体的打包步骤可以参考uni-app的文档或使用HBuilderX的App cli自动化打包功能。 总结起来，uni-app项目的打包可以通过HBuilderX的可视化界面或命令行方式进行，打包过程涉及编译、导出和生成安装包等步骤，具体时间取决于打包队列和项目的复杂性。此外，也可以使用HBuilderX的离线打包功能或App cli自动化打包功能进行打包。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [用uniapp开发打包多端应用完整指南](https://blog.csdn.net/xjbx/article/details/128114077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【uni-app系列】uni-app之App打包](https://blog.csdn.net/u012069313/article/details/126544128)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A_nanda

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值