uniapp自动更新模块

举报
小小张自由--张有博 发表于 2022/03/31 08:57:41 2022/03/31
【摘要】 uniapp自动更新模块

要实现自动更新这个功能不要完成两大模块,一:手机端配置自动更新的样式、js逻辑。二:admin端自动更新中心配置版本号,安装包。

升级中心是一款uni-admin插件,负责App版本更新业务。包含后台管理界面、更新检查逻辑,App内只要调用弹出提示即可。

升级中心有以下功能点:

  • 应用管理,对App的信息记录和应用版本管理
  • 版本管理,可以发布新版,也可方便直观的对当前App历史版本以及线上发行版本进行查看、编辑和删除操作
  • 版本发布信息管理,包括 更新标题,更新内容,版本号,静默更新,强制更新,灵活上线发行 的设置和修改
  • 原生App安装包,发布Apk更新,用于App的整包更新,可设置是否强制更新
  • wgt资源包,发布wgt更新,用于App的热更新,可设置是否强制更新,静默更新
  • App管理列表及App版本记录列表搜索

1.jpg

整个业务逻辑大致如上图。

一:手机端配置自动更新的样式、js逻辑

二:admin端自动更新中心配置版本号,安装包。

1.初次使用观看:https://ext.dcloud.net.cn/plugin?id=4470

2.已将升级中心的代码配置完毕:http://git.dmsd.tech/arpro/arapp-upgrade-center.git

3.使用升级中心需要绑定云空间:

1645344717457-d7f8a867-27ad-4973-993f-8342dabb43a6.png

这些上传的数据都在云服务空间中。

1645344976391-34a70557-7c64-4953-bf1d-79c39a00f665.png

1645344994822-b33b9a26-f358-4770-b0a2-013cdaa44ef0.png


具体步骤

  1. 使用HBuilderX 3.1.0+,因为要使用到uni_modules

  2. 使用已有uniCloud-admin项目或新建项目:打开HBuilderX -> 文件 -> 新建 -> 项目 -> uni-app 选择 uniCloud admin模板,键入一个名字,确定

  3. 鼠标右键选择关联云服务空间运行云服务空间初始化向导

  4. 在插件市场打开本插件页面,在右侧点击使用 HBuilderX 导入插件,选择 uniCloud admin 项目点击确定

  5. 等待下载安装完毕。由于本插件依赖一些uni-ui插件,下载完成后会显示合并插件页面,自行选择即可

  6. 找到/uni_modules/uni-upgrade-center/uniCloud/cloudfunctions/upgrade-center,右键上传部署

  7. 找到/uni_modules/uni-upgrade-center/uniCloud/database/db_init.json,右键初始化数据库

  8. pages.json中添加页面路径

    复制代码//此结构与uniCloud admin中的pages.json结构一致
    "pages": [
            // ……其他页面配置
            {
                "path": "uni_modules/uni-upgrade-center/pages/version/list",
                "style": {
                    "navigationBarTitleText": "版本列表"
                }
            }, {
                "path": "uni_modules/uni-upgrade-center/pages/version/add",
                "style": {
                    "navigationBarTitleText": "新版发布"
                }
            }, {
                "path": "uni_modules/uni-upgrade-center/pages/version/detail",
                "style": {
                    "navigationBarTitleText": "版本信息查看"
                }
            }
    ]
  9. manifest.json -> 源码视图中添加以下配置:

    复制代码"networkTimeout":{
        "uploadFile":1200000    //ms, 如果不配置,上传大文件可能会超时
    }
  10. 运行项目到Chrome

  11. 运行起来uniCloud admin,菜单管理模块会自动读取/uni_modules/uni-upgrade-center/menu.json文件中的菜单配置,生成【待添加菜单】,选中升级中心,点击添加选中的菜单即可


    添加成功后,就可以在左侧的菜单栏中找到升级中心菜单

 初次登陆要注册账号密码。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200