uniapp开发的App应用升级解决方案

197 阅读2分钟

QQ截图20230308231602.png

项目介绍

Betauper 是一款应用升级分发中心。实现了对应用版本控制、升级和下载,弹窗主题化。支持自定义选择和配置升级弹窗,提供多样化的升级弹窗效果。高效的云存储空间,提供了快速下载升级包和应用包,解决了服务器本地存储占用磁盘与下载带宽的问题,更大的提升了用户体验。

前往体验: Betauper Cloud

功能亮点

  • 一键式检查更新,同时支持整包升级与wgt资源包更新
  • 好看、实用、可自定义的客户端提示框
  • 多样式升级弹窗,支持自定义布局样式和弹窗主图
  • 统一管理平台,多应用升级可控
  • 云端存储不占用服务器资源
  • 全国CDN分发,快速下载不等待

界面展示

  • 应用信息页 2-3.png

  • 应用升级窗 1-4.png

  • 异常监控

localhost_12588_project_dashboard(PC) (2).png

  • 应用下载页 image.png

  • 应用升级弹窗

fragment_update_official.png

使用指南

onLaunch: function() {
    console.log('App Launch')
    // 引入原生插件
    const BetauperUpgrader = uni.requireNativePlugin('Betauper-Upgrader');
    BetauperUpgrader.init("your app key", { debug: true }, res => { // 成功回调
        console.log('[Betauper] init success !')
        // 执行升级检查
        BetauperUpgrader.checkUpdate();
    }, err => { // 错误回调
        console.error('[Betauper] init fail:', err)
        uni.showModal({
            title: '初始化失败',
            content: err.msg,
            icon: 'loading'
        })
    })
}

初始化方法 .init(key, options, callback, callback)

  1. key 是在 Betauper 平台上的应用 key, 错误输入会无法进行初始化和升级操作

  2. options 是拓展配置,目前只支持 debug 属性,填写true在开发下会有错误提示,其他则错误不会提示

  3. callback 是初始化的回调, 分别是 成功失败 的回调,失败回调会携带错误信息

检查更新函数 .checkUpdate()

执行升级检查的方法,在一次 init 初始化之后,在其他页面引入原生组件也可直接操作升级检查,取消更新后24小时内不会再弹出

// 引入原生插件
const BetauperUpgrader = uni.requireNativePlugin('Betauper-Upgrader');

methods: {
    checkUpdate() {
        // todo 执行升级检查
        BetauperUpgrader.checkUpdate();
    }
}

强制检查更新函数 .checkUpdateForce()

执行升级检查的方法,在一次 init 初始化之后,这个方法取消更新后再次点击不会做时效限制

// 引入原生插件
const BetauperUpgrader = uni.requireNativePlugin('Betauper-Upgrader');

methods: {
    checkUpdate() {
        // todo 执行升级检查
        BetauperUpgrader.checkUpdateForce();
    }
}

后续支持

  1. 更多的升级弹窗样式
  2. 更多的自定义实现
  3. 其他优化