uni-app实现app自动检测更新

前言

在做app项目时，app版本管理是必不可少的，在发布新版本后，应该提醒用户需要更新了
此时需要两个功能：

1. 后台进行版本发布与管理（使用uni-app的模板admin即可，需要关联Dcloud的服务空间）
2. 前台检测更新（使用uni-app的插件, https://ext.dcloud.net.cn/plugin?id=4542）

后台

1. 在HBuilder里面新建一个项目（模板为uni-admin）：
   

2. 运行项目到浏览器

3. 登录即可（没有先注册）

4. 在系统管理中找到应用管理
   

5. 新增一个应用
   成功后即可发布版本，首先得进行云打包，每次发布都会让你上传apk资源包的，并且每次上传的版本号要比上次大
   

前台检测更新

1. 插件引入, https://ext.dcloud.net.cn/plugin?id=4542

2. 添加路径
   在pages.json文件，添加一个更新页面

   {
       "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
           }
       }
   }
   

3. 添加更新代码(建议在App.vue中引入)

   import checkUpdate from 'uni_modules/uni-upgrade-center-app/utils/check-update.ts'

   在生命周期函数中调用此函数

   checkUpdate()