更新记录

1.0.0.0(2021-08-27) 下载此版本

初次发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.0.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×
  • ✨ ✨
  • APP热更新

使用说明

  • 解压下载的压缩包,将组件放在项目的components目录下
  • 引用组件
import appUpdate from '../../components/app-update/app-update.vue'

使用示例

<appUpdate v-if="show" :upTit="upTit" :infoList="infoList" :downUrl="downUrl" @close="close" @updateSucc="updateSucc" @updateErro="updateErro" @downOver="downOver" @maskClick="maskClick"></appUpdate>

import appUpdate from '../../components/app-update/app-update.vue'
    export default {
        data() {
            return {
                show:false,
                upTit: '升级标题',
                infoList:[
                    "1.更新了手机爆炸的按钮",
                    "2.更新了一键格式化手机的按钮"
                ],
                downUrl:"https://www.baidu.apk",//模拟APK地址,非真实地址

            }
        },
        onLoad() {
            this.downUrl = "https://dldir1.qq.com/music/clntupate/QQMusic72282.apk"
            this.isUpdate()
        },
        components:{
            appUpdate
        },
        methods: {
            isUpdate(){
                //模拟调用后端接口来判断是否要更新APP
                // let res = await isUpdate({
                //  verson:plus.runtime.version
                // })
                // if(res.data.code==200){
                //  this.updateFlag = true
                // }
                // console.log(plus.runtime.version, "当前APK的版本号") 
                //只在自定义基座和打包出的APP可以看到正确的版本号
                this.show = true
            },
            open(){
                this.show = true
                console.log(this.show)
            },
            close(){
                console.log("关闭弹窗")
                this.show = false
            },
            updateSucc(){
                console.log("监听安装成功")
            },
            updateErro(){
                console.log("监听安装失败")
            },
            downOver(){
                console.log("监听文件下载成功")
            },
            maskClick(){
                console.log("遮罩层呗点击")
                this.show = false
            }
        }
    }

参数

参数名 说明 类型
upTit 更新标题 string -----
infoList 更新信息 Array -----

事件

参数名 说明 类型
close 点击暂不更新 function -----
maskClick 遮罩层点击 function -----
downOver 资源下载完毕 function -----
updateSucc 安装成功 function -----
updateErro 安装失败 function -----

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问