uniCloud在线升级APP配置教程

简介: uniCloud在线升级APP配置教程

背景

因用户需要添加手机h5页面来进数据操作

实现思路流程

实现流程图

流程

相关文档:

帮助文档 https://uniapp.dcloud.net.cn/uniCloud/cf-functions.html

注册服务空间 https://unicloud.dcloud.net.cn/pages/login/login

uni升级中心 - 后台管理系统 https://ext.dcloud.net.cn/plugin?id=4470

uni升级中心 - 客户端检查更新 https://ext.dcloud.net.cn/plugin?id=4542

1.在此网址下

https://unicloud.dcloud.net.cn/

先创建一个服务空间

方式1:(名称自定义)

方式2:(名称自动生成)

选中之后点击创建

选择关联好的项目名称

以及部署好内容

再导入插件:

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

主要是项目生成此组件:

中间有可能会让你合并组件,你全部选中点击合并即可

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

看在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": "版本信息查看"
                }
            }
]
}

在manifest.json -> 源码视图中添加以下配置:

"networkTimeout":{
    "uploadFile":1200000    //ms, 如果不配置,上传大文件可能会超时
}

vue2

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

vue3

可将 /uni_modules/uni-upgrade-center/menu.json 拷贝至 uniCloud/database/db_init.json 中的 opendb-admin-menus 节点下,并右键初始化数据库即可。

运行到谷歌浏览器

1.在进入升级中心之前:
    需要到uni-admin的应用管理中添加一个应用,才可以在升级中心中发布对应应用的版本。
    当你有多个应用时,可以在/uni_modules/uni-upgrade-center/pages/utils.js中修改defaultDisplayApp字段来设置默认显示应用的appid。
    如果不设置或设置应用不存在则默认从数据库中查出来的第一个应用。
2.由于插件依赖的uni-ui的一些组件,建议右键/uni_modules/uni-upgrade-center安装一下第三方依赖,否则可能会出现一些问题
3.运行在uniCloud,由于本插件使用了clientDB,因此可能需要配置一下uni-config-center插件关于uni-id的配置信息。如提示公用模块uni-id缺少配置信息请这样做:
    点击uni-config-center导入插件
    在/uniCloud/cloudfunctions/common/uni-config-center/下创建uni-id文件夹,文件夹内创建config.json文件。
    点击config.json默认配置。将内容拷贝至config.json中。注:一定要把注释去除!

2.用账号创建一个app应用

选中内容

关联与后台升级中心的云服务空间

下载插件:

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

升级代码配置:

```css
```javascript
```css
// 引入检查更新
import checkUpdate from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
//引进检查版本
import callCheckVersion from '@/uni_modules/uni-upgrade-center-app/utils/call-check-version';
export default {
  data() {
    return {
    }
  },
  onLoad() {
        this.update()
  },
  methods: {
    // 手机app自动更新
    async update() {
      let res = await callCheckVersion()
      if (res.result.code > 0) {
        checkUpdate()
      }
    },
  }
}


相关文章
|
2月前
|
iOS开发 开发者
一键制作 iOS 上架 App Store 描述文件教程
一键制作 iOS 上架 App Store 描述文件教程
|
2月前
|
开发者 iOS开发
【教程】无法验证 app 需要互联网连接以验证是否信任开发者
【教程】无法验证 app 需要互联网连接以验证是否信任开发者
|
2月前
|
监控 安全 数据可视化
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
|
2月前
|
开发工具 数据安全/隐私保护 Android开发
【教程】APP 开发后如何上架?
【教程】APP 开发后如何上架?
|
2月前
create-react-app配置环境变量
create-react-app配置环境变量
107 0
|
2月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
2月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
171 3
|
2月前
|
Android开发 移动开发 小程序
binder机制原理面试,安卓app开发教程
binder机制原理面试,安卓app开发教程
binder机制原理面试,安卓app开发教程
|
2月前
|
小程序 Android开发 iOS开发
uni-app 安装与配置
uni-app 安装与配置
25 1
|
2月前
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。