app更新

uniapp自动更新

本文只讲述Android的更新。静默更新，市场更新，静默下载等都可参照思路发挥。

配置更新页面路由

pages.json 配置更新弹出层，注意它不能在第一个，path为你自己的路径

"pages":[
  //其他页面
         {
            "path": "pages/upgrade/index",
            "style": {
                "disableScroll": true,
                "app-plus": {
                    "backgroundColorTop": "transparent",
                    "background": "transparent",
                    "titleNView": false,
                    "scrollIndicator": false,
                    "popGesture": "none",
                    "animationType": "fade-in",
                    "animationDuration": 200
    
                }
            }
        }
]

配置更新的js

store，request，引入。API和uni.request的封装自行封装。不喜欢封装也可以直接替换request.getAppUpdate()

import Store from '@/store/index.js'
import request from '@/requset/api.js'
/**
 * 检查版本是否存在更新
 */

const update = () => {
    request.getAppUpdate().then(res => {
        // #ifdef APP-PLUS
        plus.runtime.getProperty(plus.runtime.appid, (info) => {
            if(info.versionCode < res.data.version_code){
                Store.commit('setAppUploadInfo', res.data)
                uni.navigateTo({
                    url: `/pages/upgrade/index`,
                    fail: (err) => {
                        console.error('更新弹框跳转失败', err)
                    }
                })
            }
        }) 
        // #endif
    }).catch(err => {
        
    })
}

export default {
    update
}

更新页面和交互

app_update_close.png

bg_top.png