[发明专利]浏览器开发环境在集成开发时高可用性的web前端工具

说明书

浏览器开发环境在集成开发时高可用性的web前端工具涉及信息技术领域，本发明由监听线程开启模块和数据管理模块组成；数据管理模块由大屏数据命名器、时间窗口管理器、游标管理器和数组组成；本发明提供了一种弹性伸缩的方案，通过浏览器简单的解决办法可以大幅度提升Web应用的效率，同时监听线程可以让数据同步功能不会影响到浏览器主线程的渲染展示问题。

技术领域

本发明涉及信息技术领域。

背景技术

应用基于浏览器端研发通过拖拽和配置的方式开发web页面的工具的时候会碰到高可用的问题：

在一个拖拽页面工具的操作面板上，制作出一个页面需要的操作动作多，完成一个页面是需要一定的时间和步骤。因此在实际使用中，使用者会提出添加操作的撤销和动态的保存功能，甚至还对工具提出可以查看保存的历史版本等等优化用户使用体验的需求。在实际研发中，大多数从事浏览器开发的程序员对于nodejs和数据库的掌握没有浏览器那么熟练。而且像拖拽工具这样的web应用，其浏览器功能是远远要多于服务端的功能，服务端主要完成两件事情，第一件事情就是数据的持久化工作，第二件事情就是拖拽工具的服务端是处理前端数据的转接服务，而工具本身处理的业务逻辑相对较少。这是在规模不大公司实现web浏览器端的IDE工具普遍遇到的问题，即前端和服务端的能力不均衡。

高可用性需求指的是自动保存和撤销以及历史版本回溯的需求，因此解决工具高可用性需求时候，对于以前端工程师为主的研发团队就会碰到如下问题：

问题1：服务端的优化缺乏相应的知识和经验；

问题2：不可控的部署环境常常导致很多优化方式无法有效实现；

问题3：服务端的性能优化实施起来成本非常的高，对于现有的程序影响很大，运维成本也过高，对于规模不大的团队而言是非常难以控制成本，会导致项目的发展不能健康有序进行。

对于数据展示的前端开发，这些针对数值的操作，每一个数值的变化都会引起页面展示不同，都会触发数据变化的监测因此也会触发自动保存操作。发明人在技术实现前对于业界同类拖拽产品腾讯云图做了调研，腾讯云图里基本每一次数值变化都会发送一个http请求到后台，这就导致有非常频繁的请求发送到后台服务端，假如这样的场景下还碰到多人一起操作，那么很容易导致网站的QPS即每秒处理的请求个数增大，在上文提到虚拟机环境下如果有两人同时使用系统制作页面，那么整个系统就很容易不可用，而不可用往往都是由数据库引起的，因为在短时间内产生了大量的写请求，数据库和web应用没有分离因此工具很快就达到系统的瓶颈。

撤销（恢复）操作、自动保存以及历史回退这三个功能可以让一个集成开发环境时的web软件达到一个和桌面应用软件相当的用户体验，而这三者放在一起说明三者之间存在一定的关联，如果我们想同时实现三个功能，那么就不能把三者分别考虑而是要放在一起综合考虑。

此外，大厂对于此问题的解决方案对于中小团队而言有极高的技术成本和资金成本，如果一个中小团队研发类似的工具，因为资金有限他们可能只能部署在比较差的服务器上或者团队规模小，一般研发交互性很强的Web应用团队都是前端技术能力远好于服务端能力，那么如何利用前端的技术能力达到高可用的服务端效果，这是很多中小团队的困境所在。

因此本发明要解决的技术问题主要是如何有效的按照时间维度在浏览器端和服务端数据存储问题，能有效的管控前端的并发数量，不因为大量数据存储操作导致服务端不可用。

撤销和恢复操作使用客户端存储页面数据的变化，自动保存是页面数据变化后我们需要将新的数据同步到服务端，让服务端存储新的数据。历史回退就是服务端存储数据的撤销操作。理论上，客户端数据变化了客户端的存储和服务端的存储都应该发生相应的变化，这是一个完整的操作事务，不过服务端存储需要通过网络请求的发送，如果客户端数据变化频繁而且间隔频率很高，就很容易给服务端造成高并发请求，这里我们使用专业的说法就是导致服务端的每秒处理查询的次数以及每秒处理事务的次数很高。如果服务端没有限流保护机制就会导致服务端系统崩溃。