uni-app app热更新+整包更新 使用uniCloud开发

App端插件:

https://ext.dcloud.net.cn/plugin?id=4542

网页端后台(统一管理多个app的整包和热更新):

https://ext.dcloud.net.cn/plugin?id=4470

网页端后台我是自己搭了一个,并且通过uniCloud托管后台网页

新增一个app的更新步骤

1、把uni-upgrade-center - App插件引入项目

2、 找到/uni_modules/uni-upgrade-center-app/uniCloud/cloudfunctions/check-version,右键上传部署

3、在pages.json中添加页面路径

 

复制代码
"pages": [
    // ……其他页面配置
    {
        "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

            }
        }
    }
]
复制代码

4、将/uni_modules/uni-upgrade-center-app/utils/check-update import到需要用到的地方,调用一下即可,我这边是放在App.vue中

复制代码
// #ifdef APP-PLUS
    import updata from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
// #endif
    export default {
    onLaunch: function() {
        // #ifdef APP-PLUS
        updata()
        // #endif
    }            
复制代码

5、创建uniCloud云开发环境,选择阿里云,

然后关联到后台的的服务空间

 

 

这样就可以了

uniCloud和uni_modules里的是同一个,并且会自动同步

 

posted @   风花一世月  阅读(1043)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)

阅读目录(Content)

此页目录为空

点击右上角即可分享
微信分享提示