记录一次uniapp实现APP自动升级

这篇具有很好参考价值的文章主要介绍了记录一次uniapp实现APP自动升级。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

描述

app的版本管理和升级,是一个不可或缺的功能,而uniapp则是提供了一整套的流程,由于官方文档过于复杂,而且写的云里雾里的,所以个人记录一次我的操作,直到配置成功。

总体

一共分为2个部分,官方提供的两个插件(uni-upgrade-center - Adminuni-upgrade-center - App)配套使用,本文采用最简单粗暴的方式来实现。

前端设置

1 安装前端插件

插件uni-upgrade-center - App,将插件导入到你的项目里面。
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

2 添加路径

pages.json文件,添加一个更新页面(官方已提供)

{
	"path": "uni_modules/uni-upgrade-center-app/pages/upgrade-popup",
	"style": {
		"disableScroll": true,
		"app-plus": {
			"backgroundColorTop": "transparent",
			"background": "transparent",
			"titleNView": false,
			"scrollIndicator": false,
			"popGesture": "none",
			"animationType": "fade-in",
			"animationDuration": 200
		}
	}
}

3 添加更新代码

将更新的代码,放在你要展示的位置

import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update.js'

例如,我写在App.vue里面,项目一打开就检测
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

后端设置

后端个人建议不要使用uni-upgrade-center - Admin,直接新建一个项目使用uni-admin这里面内置了升级中心,因为后续还有统计,还要用到uni-admin,所以我们直接用这个更简单

uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端
步骤

  • 新建uni-admin 项目
  • 使用新的云开发空间,不和app共用
  • 发布的时候直接上传到云托管

uni-admin项目基本没有什么改动,直接下载后上传就可以使用
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

后端项目就搭建好了,进入后台,将你的APP添加进来
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

注意

1 云函数调整(必须)

因为前后端是2个项目,所以我们需要修改更新的云函数,将服务空间指向uni-admin,才能调用更新云函数,参数在服务空间都可以看见

const myCloud = uniCloud.init({
  provider: 'aliyun',
  spaceId: 'mp-xxxxxxxxxxxxxxxxxxx',
  clientSecret: 'xxxxxxxxx'
});
myCloud.callFunction({
	name: 'uni-upgrade-center',
	data,
	success: (e) => {
		console.log("e: ", e);
		resolve(e)
	},
	fail: (error) => {
		reject(error)
	}
})

uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

2 发布wgt包问题

打包前请务必将 manifest.json 中的版本名称修改为更高版本
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

3 发布新版本

在admin后台直接发布即可,app端就可以检查
uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端

4 如何测试

必须要打包apk安装到自己手机才行,我之前使用web端无法检查,以及使用hbuild基座APP也无法检查,

uniapp 小程序 蓝牙bin文件写入固件升级,小程序,uni-app,javascript,前端文章来源地址https://www.toymoban.com/news/detail-817061.html

到了这里,关于记录一次uniapp实现APP自动升级的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 仿抖音短视频小程序APP组件(超高性能)自动预加载-uniapp

    注:组件使用 vue3+typescript 开发 全局仅渲染 3 个 swiper-item 实测,不管加载多少数据也能丝滑滚动 适用于 vue3,vue2 请自行修 自动预加载视频 首次渲染优化 安装 nodejs: https://nodejs.org/en/ 安装依赖: npm i 运行项目: npm run dev:mp-weixin 构建项目资源: npm run build:mp-weixin 打开小程序开发

    2024年02月09日
    浏览(85)
  • STM32作品设计:蓝牙彩灯V1.4(WS2812全彩、声控、光控、人体红外、小科语音控制、手机APP、蓝牙无线升级)

    @ biliblil视频链接:https://www.bilibili.com/video/BV14L411V78b/ 资料可联系作者:2809786963 实物链接:https://m.tb.cn/h.5hxssok?tk=vEQCWYHTKs0 CZ0001 1、手机APP控制亮度、颜色 2、多种显示模式:闪烁、渐变、呼吸、流水 3、拾音灯模式(随音起舞) 4、手机设置:光控模式、声控模式、声光控模式

    2024年02月11日
    浏览(92)
  • 记录一次跨越16个月的minio版本升级与数据迁移

    转载说明:如果您喜欢这篇文章并打算转载它,请私信作者取得授权。感谢您喜爱本文,请文明转载,谢谢。 前段时间,minio官方爆出一个安全漏洞: 在minio集群部署中,minio会返回所有的环境变量,包括MINIO_SECRET_KEY和 MINIO_ROOT_PASSWORD,导致信息泄露,分布式部署的所有用户

    2024年02月13日
    浏览(81)
  • uniapp实现app跳转微信小程序然后跳回app

    首先app页面代码如下: 小程序的代码 这样就实现效果了,如果不行看下是否在微信开放平台给app获取了跳转小程序的能力,一般是通过了审核的app就有这能力.

    2024年04月27日
    浏览(49)
  • uni-app小程序实现音频播放,uniapp播放录音,uniapp简单实现播放录音

    复制到.vue文件即可预览效果 问题 :开发者工具中.onTimeUpdate方法可能会失效! 官方参考:https://uniapp.dcloud.net.cn/api/media/audio-context.html# 其他博客参考:https://blog.csdn.net/weixin_45328705/article/details/114091301 录音实现参考 :https://blog.csdn.net/weixin_43992507/article/details/129857780

    2024年02月12日
    浏览(84)
  • 【uniapp】一文读懂app端安装包升级

    首先,在app端开发上线的过程中,会面临一个问题,就是关于app端的版本升级的问题。如果不做相关处理来引导用户的话,那么app就会出现版本没有更新出现的各种问题,我们常见的有在线升级和去指定地址下载安装两种形式。 uniapp是一个跨端框架,默认支持打包多种小程序

    2024年02月13日
    浏览(38)
  • 记一次adb查找安卓App崩溃报错记录

    首先先说结论,是因为内存不足的时候会出现这种问题 在小米手机上有这么一个设置 可以很方面的模拟出这个异常 然后我们再设置一下logcat日志的大小 如果你的操作真的很多,最好设置一下,如果你的操作很短就可以复现,那就没必要调整,256k足矣 然后就是手机连接电脑

    2023年04月21日
    浏览(49)
  • 微信小程序蓝牙连接 uniApp蓝牙连接设备

     蓝牙列表期待效果  代码  js里面注意getBLEDeviceCharacteristics获取特征值的时候,极个别设备参数write,read,notify是乱来的,需要自己打单独处理,通过对应write,read,notify 为true的时候拿到对应的uuid,

    2024年02月04日
    浏览(69)
  • 记录一次uniapp中给canvas添加图片内容空白原因

    应该适合微信小程序和uniapp 找了半天原因,最后看到一篇文章说,由于画布的大小大于了图片的大小导致了生成的内容是空白的。 最后知道了解决办法就是在写入页面之前将画布大小修改成和要写入的图片大小相同。 如下,vue中动态的修改canvas宽高 下面是在写入图片之前修

    2024年02月12日
    浏览(60)
  • uniapp实现将页面转换成pdf(小程序、app、h5)

    使用html2Canvas和jspdf 安装这两个 uniapp在小程序无法获取dom,app端可在renderjs中获取 dom,小程序需要使用web-view导入一个h5页面,实现转pdf H5和小程序 其中通过web-view导入到微信小程序的话,需要导入微信的sdk 在index.html中导入也不知道咋回事,有wx,但是wx.miniProgram是undefined 然

    2024年02月08日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包