onlyoffice历史版本功能实现

news2024/9/25 15:21:55

一:开启客户端配置

如果不开启,回调请求里面的history和changeUrl是空

二:客户端主要实现2个回调函数

1.实现onRequestHistory事件,该事件会在ui点击查看历史的时候发起,用于展示历史列表
关键在于获取到history的内容,调用refreshHistory方法

docEditor.refreshHistory(// show the document version history
{
	currentVersion: "31",
	history: historyList
})

historyList 的数据结构

[{
	"serverVersion": "7.4.0",//来源回调的history,第一个版本无需该字段
	"changes": [{//来源回调的history,第一个版本该字段为null
		"created": "2023-09-28 02:01:25",
		"user": {
			"id": "uid-2",
			"name": "group-2 xxx"
		}
	}, {
		"created": "2023-09-28 02:01:49",
		"user": {
			"id": "uid-3",
			"name": "group-3 Hamish Mitchell"
		}
	}],
	"key": "__ffff_200.200.170.119new.docx291695866450703",来源回调的key
	"version": 30,//需要自己维护
	"created": "2023-09-28 02:01:25",//自己维护,一般是打开文档的时候记录
	"user": {//自己维护,一般是打开文档的时候记录
		"id": "uid-2",
		"name": "group-2 xxx"
	}
}]

回调的数据结构如下(仅供参考)

 {
  key: '1696822265751m4sq5vs50j',
  status: 2,
  url: 'http://xxx/cache/files/data/1696822265751m4sq5vs50j_9201/output.docx/output.docx?md5=jljJJVUlAm4pYX_6mvC_Lw&expires=1696823346&filename=output.docx',
  changesurl: 'http://xxxx/cache/files/data/1696822265751m4sq5vs50j_9201/changes.zip/changes.zip?md5=ivaLJ_lI0MK5nBdCqy8HLw&expires=1696823346&filename=changes.zip',
  history: { serverVersion: '7.4.0', changes: [ [Object] ] },
  users: [ '64773bdb97acf80031f4ef56' ],
  actions: [ { type: 0, userid: '64773bdb97acf80031f4ef56' } ],
  lastsave: '2023-10-09T03:33:46.000Z',
  notmodified: true,
  filetype: 'docx'
}

historyList 排序要求:按version升序排序

2.实现onRequestHistoryData事件,该事件会ui点击查看具体的某个历史的时候触发
关键在于获取某个版本的具体historyData,调用setHistoryData方法发起请求

function onRequestHistoryData(data) {
		var version = data.data;//对应点击哪个版本
        docEditor.setHistoryData(historyData);
}

 historyData的数据结构

{
"fileType": "docx",
"version": 25,
"key": "xxxxxx",
"url": "http://xxxxx/history?fileName=new.docx&file=prev.docx&ver=25&useraddress=xxx",//当前版本下载的url
"directUrl": null,
"previous": {//上一个版本的信息,如果无上个版本,可以不要这个字段,例如第一个版本
	"fileType": "docx",
	"key": "new.docx231684394201684",
	"url": "http://xxx/history?fileName=new.docx&file=prev.docx&ver=24&useraddress=xxxx",
	"directUrl": null
},
"changesUrl": "http://xxxx&file=diff.zip&ver=24",//下载当前版本历史记录存储的diff.zip文件
"token": "eyJhbGciOiJIUzI1NiIsInR"//当条数据签名
}

三:服务端所有工作都是围绕实现上述的数据

1.处理onlyoffice发起的回调函数,将保存history信息,更新文件,保存历史文件,保存changeUrl的zip文件,刷新key

例如,刚新建个文件的时候就添加个历史记录版本是1,客户端编辑后,回调的处理,保存版本号是2的历史记录,创建个版本号是2的目录,里面存放上个版本的文件,和回调changeUrl里的文件,拼接historyData的changesUrl就用对应版本号里面对应的信息,url也是。changeUrl的内容是当前版本和上个版本的对比

2.实现getHistoryList接口,获取对应的historyList给到客户端用

3.实现getHistoryData接口,返回historyData给客户端用

4.实现download相关的接口,返回historyData里面url和changeUrl会下载到的文件

其他:

实现界面有关闭按钮:只需要在客户端实现onRequestHistoryClose函数里面执行location.reload()即可 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1074413.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vscode进行远程开发

之前用的是pycharm,但是同事说pycharm太重了,连接远程服务器的时候给远程服务器的压力比较大,有时候远程服务器可能都扛不住,所以换成了vscode。 参考博客 手把手教你配置VS Code远程开发工具,工作效率提升N倍 - 知…

【自动驾驶】PETR/PETRv2/StreamPETR论文分析

1.PETR PETR网络结构如下,主要包括image-backbone, 3D Coordinates Generator, 3D Position Encoder, transformer Decoder 1.1 Images Backbone 采用resnet 或者 vovNet,下面的x表示concatenate 1.2 3D Coordinates Generator 坐标生成跟lss类似,假…

从零开始的SRC挖掘

前言 每一次成功的渗透,都有一个非常完备的信息搜集。 大师傅讲的好呀:信息搜集的广度决定了攻击的广度,知识面的广度决定了攻击的深度。 点击此处即可领取282G网络安全学习资料 信息搜集 信息搜集可以从多个领域来看: 公司…

springboot vue 部署至Rocky(Centos)并自启,本文部署是若依应用

概述 1、安装nohup(后台进程运行java) 2、安装中文字体(防止中文乱码) 3、安装chrony(保证分布式部署时间的一致性) 5、安装mysql数据,迁移目录,并授权自启动; 6、安…

基于JavaSpring的学生宿舍管理系统

点击以下链接获取源码: https://download.csdn.net/download/qq_64505944/88407844

Bootstrap网格系统的原理

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 Bootstrap 网格系统(Grid System)的工作原理 网格系统通过一系列包含内容的行和…

HRM人力资源管理系统源码

HRM人力资源管理系统源码 运行环境:PHP8.1或以上 MYSQL5.7或以上 php扩展要求 fileinfo imagemagick 功能介绍: 综合仪表板 它通过其综合仪表板提供了员工总数、工单和帐户余额的概览。 您可以轻松访问组织中的缺席者以及详细的公告和预定会议列…

阿里云域名免费配置HTTPS

阿里云域名配置HTTPS - 知乎

零基础也能学会!Linux下安装RStudio工具及实现远程访问的详细指南

前言 RStudio Server 使你能够在 Linux 服务器上运行你所熟悉和喜爱的 RStudio IDE,并通过 Web 浏览器进行访问,从而将 RStudio IDE 的强大功能和工作效率带到基于服务器的集中式环境中。 下面介绍在Linux docker中安装RStudio Server并结合cpolar内网…

JuiceFS 目录配额功能设计详解

JuiceFS 在最近 v1.1 版本中加入了社区中呼声已久的目录配额功能。已发布的命令支持为目录设置配额、获取目录配额信息、列出所有目录配额等。完整的详细信息,请查阅文档。 在设计此功能时,对于它的统计准确性,实效性以及对性能的影响&#…

工业交换机的“自适应”是什么意思?

工业交换机诸多性能指标中,我们常常看见有“自适应”这个指标。它到底是什么意思呢? 自适应也叫自动匹配、自协商,以太网技术发展到100M速率以后,出现了一个如何与原10M以太网设备兼容的问题,自协商技术就是为了解决这…

python中一些代码提速技巧

目录 用set而非list进行查找用dict而非两个list进行匹配查找优先使用for循环而不是while循环循环代替递归用缓存机制加速递归函数用numba加速Python函数使用collections.Counter加速计数使用collections.ChainMap加速字典合并使用map代替推导式进行加速使用filter代替推导式进行…

nacos2.0.2漏洞分析及解决方法

绕过鉴权情况 1. userAgentAuthWhite 设置为true,官方没有还没有解析为啥可以通过设置userAgent可以绕过鉴权 实验一 只要把请求header:User-Agent设置为:Nacos-Server,即可绕过鉴权 实验二 只要把请求header:User…

SpringBoot原理解析篇(一):parent 版本管理

SpringBoot 是由 Pivotal 团队提供的全新框架,其设计目的是用来 简化 Spring 应用的初始搭建以及开发过程。 Spring 程序缺点:依赖设置繁琐、配置繁琐 SpringBoot 程序优点:起步依赖(简化依赖配置)、自动配置&#x…

查看当前目录下文件所占用内存 du -sh

1. du -sh 查看当前目录下文件所占用内存 2.查看当前文件夹下,每个文件所占用内存 du -ah --max-depth1/

点云配准流程

迭代最近点算法(Iterative CLosest Point简称ICP算法) ICP算法对待拼接的2片点云,首先根据一定的准则确立对应点集P与Q,其中对应点对的个数,然后通过最小二乘法迭代计算最优的坐标变换,即旋转矩阵R和平移矢…

Soul CEO张璐团队优化治理平台安全生态,构建健康社交秩序

致力于构建真实、温暖、多元线上社交空间的Soul APP,在2023第二季度发布了全新的《Soul生态安全治理报告》。报告显示,Soul 主要以五大安全点位为阵地,开展专项安全生态治理,五大专项分别是反电信网络诈骗、引导社交礼仪规范、未成年保护、用户共治众裁和防治网暴骚扰。Soul CE…

红动大湾区!“红西凤”领衔西凤酒核心产品亮相秋糖

执笔 | 文 清 编辑 | 萧 萧 600亿元酒水消费规模的广东市场,再遇中国四大名酒之一的西凤酒,会碰撞出什么样的火花? 10月7日-11日,西凤酒携红西凤系列、西凤酒珍藏版、老绿瓶系列等全明星产品阵容,在深圳华侨城洲…

WindowsServer2019-部署与管理Active Directory域服务-01

文章目录 创建和配置域控制器1、创建域控制器步骤1:更名计算机步骤2:修改DC的IP地址步骤3:安装Active Directory域服务和DNS服务器角色步骤4:提升为域控制器 2、添加额外域控制器(BDC)步骤1:按照…

Vue3目录结构与Yarn.lock 的版本锁定

Vue目录结构与Yarn.lock 的版本锁定 一、Vue3.0目录结构图总览 举个例子看vue的目录,一开始不知道该目录是什么意思目录里各个文件包里安放有什么,程序员在哪里操作该如何操作。 下图目录看Vue新项目 VS Code 打开文件包后出现一列目录 二、目录结构 1…