基于云计算及网络编程实现前端协作调试的方法技术

本发明专利技术涉及计算机领域，具体提供了一种基于云计算及网络编程实现前端协作调试的方法，包括如下步骤：S1：利用前端错误信息入库模型将前端错误信息入库；所述前端错误信息入库模型包括数据库、系统服务端、前端传输接口，所述数据库与系统服务端交互连接，所述前端传输接口的出口端与所述系统服务端的入口端连接；S2：通过查询数据库中步骤S1传送过来的错误场景信息来复原错误场景；通过本发明专利技术上述步骤增强了前端开发人员协同工作能力。有效提高了企业在紧急处理前端产品问题的能力。并通过搭建错误日志系统服务端，有效提高了开发人员协同工作，相互排查问题的能力。

A method of front-end collaborative debugging based on cloud computing and network programming

【技术实现步骤摘要】
基于云计算及网络编程实现前端协作调试的方法
本专利技术涉及前端协作调试
，特别涉及一种基于云计算及网络编程实现前端协作调试的方法。
技术介绍
在前端人员开发过程中，常见的错误调试方法一般包括：1.把出错信息用console.log方法输出到控制台。2.在Networkpanel中查看状态码、请求的发出和请求收到的响应信息。现阶段出于计算机安全的考虑，浏览器还尚不允许利用Javascript把前端信息写入本地，这就出现了一个在前端团队开发过程中，不便于错误场景信息的记录，通过转述来分享错误信息过程繁琐更不能多人员协助调试错误；由于错误信息无法写入本地，无法对错误场景信息进行记录，公享。为了产品在上线后出现的前端问题可以快速排查，在对错误信息的记录、分享后，还需要有一种方案，能够使多名前端人员快速获得错误场景的环境对出现的问题进行调试。
技术实现思路
为解决现有技术中的技术问题，本专利技术提供了一种基于云计算虚拟化技术及网络编程实现前端协作调试的方法。本专利技术可以提供前端错误日志入库，方便其他人员查看，以及通过云计算快速搭建错误环境供多人分析调试。具体地，本专利技术提供了一种基于云计算及网络编程实现前端协作调试的方法，其特征在于，包括如下步骤：S1：利用前端错误信息入库模型将前端错误信息入库；所述前端错误信息入库模型包括数据库、系统服务端、前端传输接口，所述数据库与系统服务端交互连接，所述前端传输接口的出口端与所述系统服务端的入口端连接；步骤S1具体包括如下步骤：S11：前端编写JS模块，JS模块为与系统服务端进行通讯的客户端，其包括前端错误信息，JS模块通过网络编程技术将前端错误信息发送至系统服务端，S12：系统服务端接收步骤S11中的前端错误信息进行数据过滤处理；S13：对步骤S12中获得的前端错误信息进行持久化处理，系统服务端可以根据接收到的数据前端错误信息，设计相应的字段，根据三范式设计相应的表格，将前端错误信息写入数据库，并将将前端错误信息写入文本；S14：系统服务端提供多种接口查询错误场景信息，调用者通过调用接口查询相应的错误场景信息；S15：系统服务端接收到下载前端错误信息请求后，从数据库中提取到的相应的前端错误信息进行可视化处理后再传回；S2：通过查询数据库中步骤S1传送过来的错误场景信息来复原错误场景；步骤S2具体包括如下步骤：S21：云计算块存储，系统服务端配置分布式存储节点；S22：云计算镜像系统服务端配置相应模版；S23：系统服务端提供封装调用云计算管理平台接口：S24：系统服务端经云计算管理平台处理结果信息返回用户；S25：用户操作错误场景虚拟机，通过远程登录资源进行登录，完成调试任务后，调用云计算管理平台接口对虚拟机进行关闭或删除。优选地，步骤S1中，网络编程技术包括Ajax技术和WebSocket协议，若前端错误信息不是频繁发送的场景，JS模块与系统服务端通过Ajax技术连接，若前端错误信息是频繁发送或前端需要接受系统服务端反馈信息的场景，则JS模块与系统服务端通过WebSocket协议连接实现前后端数据相互推送以及访问系统服务端的次数。优选地，步骤S12中系统服务端接收步骤S11中的前端错误信息进行数据过滤处理的具体步骤为：系统服务端提供前端错误信息访问的API接口，规定前后端推送的前端错误信息格式及携带的前端错误信息，系统服务端接受完前端错误信息数据后，进一步对前端错误信息完整性进行验证，过滤不符合的前端错误信息，提取出所需的前端错误信息。优选地，携带的前端错误信息包括主机信息、错误场景信息、开发信息，主机网卡信息，系统信息；所述错误场景信息，包括输出到console的错误信息，状态码以及系统服务端响应的信息，开发信息包括开发人员信息，开发时间，项目ID。优选地，步骤S21中采用Ceph将系统服务端的集中式计算转化为分布式，即系统服务端配置分布式存储节点。优选地，云计算的镜像系统服务端配置基础开发环境、平台、虚拟机内部进行通信的qemu-guest-agent和业务相关的服务程序的qcow2或者raw磁盘对象，其中，qemu-guest-agent添加上传文件、删除文件、执行命令的功能函数，即可完成所有操作虚拟机内部文件系统的任务。优选地，步骤S23中管理平台接口包括用户调用系统服务端操作虚拟机的接口和用户调用系统服务端通过qemu-guest-agent去操作虚拟机内部文件系统的接口。优选地，所述用户调用系统服务端操作虚拟机的接口的设计需要对计算系统服务端API或者是VMM管理工具进行二次封装，让用户提供主机信息或者错误场景信息或者开发者信息参数来快速定位需要调试的主机；所述需要调试的主机为虚拟系统服务端，则直接调用计算系统服务端API通过块节点迅速划分出一份相同磁盘对象，并通过网络节点自动配置，即可创建出与错误场景信息相同的虚拟机；若所述需要调试的主机为实体机，则通过在接口中设计额外字段参数通过接口调用计算系统服务端API通过块节点提供的PaaS服务基础上，将额外上传的文件参数通过Guest-Agent快速上传到操作系统，执行命令启动自动化脚本快速安装，若业务场景大多数相同，直接通过块节点来直接提供SaaS服务，根据需求通过用户调用系统服务端通过qemu-guest-agent去操作虚拟机内部文件系统的接口调用qemu-guest来执行简单的配置，最后通过网络节点自动配置即可获得相同的虚拟场景主机；优选地，所述用户调用系统服务端通过qemu-guest去操作虚拟机内部文件系统的接口是对qemu-guest的二次封装，对qemu-guest-agent中自定义新的函数任务后，在接口设计两个参数，第一个参数是任务函数名，第二个参数是任务函数的参数。优选地，步骤S24具体为服务将用户提交的创建后的登录信息以及管理虚拟机的反馈信息，作为响应发送给请求方。与现有技术相对比，本专利技术的有益效果如下：(1)本专利技术利用云计算虚拟化技术及网络编程实现前端协作调试的方法，增强了前端开发人员协同工作能力，有效提高了企业在紧急处理前端产品问题的能力，企业通过搭建私有云，提高了IT资源的有效利用率，并通过搭建错误日志系统服务端，有效提高了开发人员协同工作，相互排查问题的能力。(2)本专利技术利用成熟的虚拟化技术，快速构建问题场景，实现前端问题的快速排查。(3)本专利技术提供的方法可以将前端错误日志入库，并过云计算虚拟化技术结合日志数据库，快速创建与调试环境相同的虚拟机供开发人员调试。(4)由于浏览器不允许Javascript写入本地，为了解决前端错误信息进行记录问题，本专利技术采用网络编程技术，通过网络对前端错误信息进行传输，之后写入数据库，在后端无需频繁对调试环境进行信息推送的情况下，本专利技术通过Ajax技术，把错误信息发送到系统服务端，而在后端需要频繁推送数据到前端的情况下，本专利技术本文档来自技高网...

【技术保护点】
1.基于云计算及网络编程实现前端协作调试的方法，其特征在于，包括如下步骤：/nS1：利用前端错误信息入库模型将前端错误信息入库；所述前端错误信息入库模型包括数据库、系统服务端、前端传输接口，所述数据库与系统服务端交互连接，所述前端传输接口的出口端与所述系统服务端的入口端连接；/n步骤S1具体包括如下步骤：/nS11：前端编写JS模块，JS模块为与系统服务端进行通讯的客户端，其包括前端错误信息，JS模块通过网络编程技术将前端错误信息发送至系统服务端，/nS12：系统服务端接收步骤S11中的前端错误信息进行数据过滤处理；/nS13：对步骤S12中获得的前端错误信息进行持久化处理，系统服务端可以根据接收到的数据前端错误信息，设计相应的字段，根据三范式设计相应的表格，将前端错误信息写入数据库，并将将前端错误信息写入文本；/nS14：系统服务端提供多种接口查询错误场景信息，调用者通过调用接口查询相应的错误场景信息；/nS15：系统服务端接收到下载前端错误信息请求后，从数据库中提取到的相应的前端错误信息进行可视化处理后再传回；/nS2：通过查询数据库中步骤S1传送过来的错误场景信息来复原错误场景；/n步骤S2具体包括如下步骤：/nS21：云计算块存储，系统服务端配置分布式存储节点；/nS22：云计算镜像系统服务端配置相应模版；/nS23：系统服务端提供封装调用云计算管理平台接口：/nS24：系统服务端经云计算管理平台处理结果信息返回用户；/nS25：用户操作错误场景虚拟机，通过远程登录资源进行登录，完成调试任务后，调用云计算管理平台接口对虚拟机进行关闭或删除。/n...

【技术特征摘要】
1.基于云计算及网络编程实现前端协作调试的方法，其特征在于，包括如下步骤：
S1：利用前端错误信息入库模型将前端错误信息入库；所述前端错误信息入库模型包括数据库、系统服务端、前端传输接口，所述数据库与系统服务端交互连接，所述前端传输接口的出口端与所述系统服务端的入口端连接；
步骤S1具体包括如下步骤：
S11：前端编写JS模块，JS模块为与系统服务端进行通讯的客户端，其包括前端错误信息，JS模块通过网络编程技术将前端错误信息发送至系统服务端，
S12：系统服务端接收步骤S11中的前端错误信息进行数据过滤处理；
S13：对步骤S12中获得的前端错误信息进行持久化处理，系统服务端可以根据接收到的数据前端错误信息，设计相应的字段，根据三范式设计相应的表格，将前端错误信息写入数据库，并将将前端错误信息写入文本；
S14：系统服务端提供多种接口查询错误场景信息，调用者通过调用接口查询相应的错误场景信息；
S15：系统服务端接收到下载前端错误信息请求后，从数据库中提取到的相应的前端错误信息进行可视化处理后再传回；
S2：通过查询数据库中步骤S1传送过来的错误场景信息来复原错误场景；
步骤S2具体包括如下步骤：
S21：云计算块存储，系统服务端配置分布式存储节点；
S22：云计算镜像系统服务端配置相应模版；
S23：系统服务端提供封装调用云计算管理平台接口：
S24：系统服务端经云计算管理平台处理结果信息返回用户；
S25：用户操作错误场景虚拟机，通过远程登录资源进行登录，完成调试任务后，调用云计算管理平台接口对虚拟机进行关闭或删除。


2.如权利要求1所述的基于云计算及网络编程实现前端协作调试的方法，其特征在于，步骤S1中，网络编程技术包括Ajax技术和WebSocket协议，若前端错误信息不是频繁发送的场景，JS模块与系统服务端通过Ajax技术连接，若前端错误信息是频繁发送或前端需要接受系统服务端反馈信息的场景，则JS模块与系统服务端通过WebSocket协议连接实现前后端数据相互推送以及访问系统服务端的次数。


3.如权利要求1所述的基于云计算及网络编程实现前端协作调试的方法，其特征在于，步骤S12中系统服务端接收步骤S11中的前端错误信息进行数据过滤处理的具体步骤为：
系统服务端提供前端错误信息访问的API接口，规定前后端推送的前端错误信息格式及携带的前端错误信息，系统服务端接受完前端错误信息数据后，进一步对前端错误信息完整性进行验证，过滤不符合的前端错误信息，提取出所需的前端错误信息。


4.如权利要求3所述的基于云计算及网络编程实现前端协作调试的方法，其特征在于，携带的前端错误信息包括主机信息、错误场景信息、开发信息，主机网卡信息，系统信息；所述错误场景...

【专利技术属性】
技术研发人员：陈佳，
申请(专利权)人：广州锦行网络科技有限公司，
类型：发明
国别省市：广东;44