uni-app打包之云打包与本地打包

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

介绍

背景

由于早之前发的文章关于app的大杂烩文章太杂了, 所以打算给拆一拆,这篇是uni-app打包篇

uni-app打包

uni-app打包方式目前有两种,云打包和本地打包,主要介绍本地打包,云打包比较简单,只进行简单的介绍

云打包

  1. 用HBuilderX打开要打包的项目
  2. 选中项目列表中的项目右击选择发行=>原生App-云打包,弹出打包页面
  3. 到开发者中心生成证书
  4. 证书生成后下载下来,存到指定目录,然后在开发者中心选择需要打包项目=>我的应用=>证书管理=>证书详情中可查看别名密码
  5. 打包页面输入别名密码,选择下载好的证书,可以选择不要开屏广告,然后选择打包
  6. 最后会生成apk包,下载安装即可使用

本地打包

本地打包其实不难,就是过程稍微有点繁琐,写文档还是不太好组织语言,我尽量嘿嘿。

下载HBuilderX

下载地址

下载AndroidStudio

-下载地址

SDK下载地址

App离线打包SDK 下载

android打开SDK打包配置文件

下载好SDK后,解压找到HBuilder-Integrate-AS文件夹,用androidStudio打开HBuilder-Integrate-AS文件夹。
uni-app打包之云打包与本地打包
如下图即为成功,文件内容build之类的是后期我这边打包,自动生成的,新打开的应该是没有,所以文件夹内容可能会有些许不一样,不用在意。
uni-app打包之云打包与本地打包

生成keystore

生成keystore需要jre运行环境,据我所知,AndroidStudio安装成功后自带它的安装目录中自带jre运行环境,或者也可以下载JAVA的JDK,里面附带JRE运行环境。

# 生成keystore文件命令(当前目录下生成)
# mystore是证书别名,可修改为自己想设置的字符,建议使用英文字母和数字
# youstore.keystore是证书文件名称,可修改为自己想设置的文件名称,也可以指定完整文件路径
# 36500是证书的有效期,表示100年有效期,单位天,建议时间设置长一点,避免证书过期
keytool -genkey -alias mystore -keyalg RSA -keysize 2048 -validity 36500 -keystore youstore.keystore

# 查看keystore信息,要到youstore.keystore的路径下运行此命令,否则找不到
keytool -list -v -keystore  youstore.keystore

然后将生成的keystore文件复制或者剪切到simpleDemo目录下,与src同级

生成本地资源
  1. 选中项目列表中的项目右击选择发行=>原生App-本地打包(L)=>生成本地打包App资源®,控制台会进行打包,然后生成资源文件,最后会出现一个路径,点击路径打开文件夹
    。打开后如图所示
    uni-app打包之云打包与本地打包
  2. 然后打开当前目录的上上级,复制目录下唯一的文件夹,如图所示
    uni-app打包之云打包与本地打包
  3. 将复制的文件夹粘贴到,之前androidStudio打开的HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps文件夹下,删除apps文件夹下唯一的文件,只留下复制过来的文件夹
    uni-app打包之云打包与本地打包
生成Android
  1. 进入uni-app开发者中心
  2. 选择要打包的项目=>我的应用=>离线打包key管理
  3. 根据之前生成的keystore文件信息生成Android,如图所示
    uni-app打包之云打包与本地打包
  4. 然后就可以在androidStudio中进行配置打包信息了
打包信息配置
  1. appid更换,如下图所示
    uni-app打包之云打包与本地打包

  2. app名称,如下图所示
    uni-app打包之云打包与本地打包

  3. package修改,如下图所示
    uni-app打包之云打包与本地打包

  4. Android更换,如下图所示
    uni-app打包之云打包与本地打包

  5. 证书配置更换,如下图所示
    uni-app打包之云打包与本地打包

打包之debug测试包

前面配置好后即可进行打包
uni-app打包之云打包与本地打包

打包之打包正式包
  1. 第一步
    uni-app打包之云打包与本地打包
  2. 第二步
    uni-app打包之云打包与本地打包
  3. 第三步
    uni-app打包之云打包与本地打包
最终效果

uni-app打包之云打包与本地打包

打包总结

总得来说本地打包不算复杂,还有一些没有介绍的,比如打包后app启动页面、app图标、版本号之类的,这些细节我就不过多的去介绍,因为这些不影响项目的打包,大家花点心思应该就能自己掌握。文章来源地址https://www.toymoban.com/news/detail-434524.html

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

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

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

相关文章

  • 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 本地离线打包步骤【保姆级】一看就会

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

    2024年02月04日
    浏览(64)
  • 解决uni-app开发小程序时,CSS调用本地图片当背景时不能使用的问题

    uniapp官方给出的解释就是小程序不支持本地图片,只支持网络访问或者base64。 当背景图片小于40kb的时候还好,uniapp会自动转为base64格式;但是大于40kb时候就不行了,目前我了解的有三种方式解决: 1.可以通过动态样式“:style”来解决,在标签上如下编写: 接着在data里声明

    2024年02月12日
    浏览(45)
  • uni-app使用HBuilder X编辑器本地打包apk步骤说明

    下载地址官方地址:Android Studio 下载文件归档  |  Android 开发者  |  Android Developers 安装Android SDK和Google USB Driver即可,后者主要是为了后期使用USB设置的,如果不需要可以不点。 下载地址:Android 离线SDK - 正式版 | uni小程序SDK 注意:Android离线SDK的版本一定注意和HBuilder X的版

    2024年02月04日
    浏览(68)
  • 【uni-app系列】uni-app之App打包

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

    2024年02月08日
    浏览(76)
  • uni-app修改页面背景色:

    1.设置全局背景色(法一): 2.设置全局背景色(法二): 在App.vue的style样式表中设置 3.设置单页面背景色: 4.在pages.json里面设置单页面背景色,这种是不行的,只能在页面内设置:

    2024年02月15日
    浏览(62)
  • uni-app 中使用背景图片

    uni-app 中使用背景图片 一 : H5 上使用(但是在微信小程序中报错) 二 : 微信小程序中可以 1,使用网络图片(对不同环境需要不同配置), 2,或者 base64(需要本地转换), 3,或者使用标签(推荐使用)

    2024年02月16日
    浏览(50)
  • uni-app 头部导航条改为背景图

    将某一页面的导航条,改为背景图 1.在pages.json文件中将要修改的页面,style中的“navigationStyle”设置为custom,取消默认的原生导航栏 2.在要修改的页面中如index1页面 效果如图   苹果手机导航条文字在中间位置,安卓手机导航条问题在靠左位置,更改某一页面,将会与其他页

    2024年02月11日
    浏览(52)
  • uni-app小程序设置页面背景色

    在原生微信小程序中,可以通过下面的设置来设置页面背景色 但是在uni-app上,这样的设置在小程序端并没有起作用。 原因是因为style标签上加了scoped,那么如何在使用scoped的同时又能设置page背景色呢? 解决方案:

    2024年02月15日
    浏览(56)
  • 『UniApp』uni-app-打包成App

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

    2024年02月04日
    浏览(108)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包