CN112671615B - 前端用户操作行为数据的收集方法、系统及存储介质 - Google Patents
前端用户操作行为数据的收集方法、系统及存储介质 Download PDFInfo
- Publication number
- CN112671615B CN112671615B CN202011591470.1A CN202011591470A CN112671615B CN 112671615 B CN112671615 B CN 112671615B CN 202011591470 A CN202011591470 A CN 202011591470A CN 112671615 B CN112671615 B CN 112671615B
- Authority
- CN
- China
- Prior art keywords
- information
- behavior data
- user
- error
- operating system
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 55
- 230000006399 behavior Effects 0.000 claims description 118
- 238000013507 mapping Methods 0.000 claims description 30
- 230000006870 function Effects 0.000 claims description 21
- 238000012544 monitoring process Methods 0.000 claims description 11
- 238000006243 chemical reaction Methods 0.000 claims description 9
- 238000013480 data collection Methods 0.000 claims description 7
- 230000005540 biological transmission Effects 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 4
- 230000003542 behavioural effect Effects 0.000 claims 1
- 238000012545 processing Methods 0.000 abstract description 7
- 238000005516 engineering process Methods 0.000 abstract description 5
- 230000008569 process Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 4
- 239000000463 material Substances 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及大数据处理技术，揭露了一种前端用户操作行为数据的收集方法及系统，其中的方法包括：接收WEB前端上报的报错信息；对所述报错信息进行解析，获得报错信息的错误等级信息以及匹配逻辑；根据匹配逻辑获取预先存储在服务端的操作系统信息；其中，操作系统信息包括用户行为数据和错误源码；将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。本发明还涉及区块链技术，数据存储于区块链中，本发明能够实现高效获取用户行为数据的技术效果。
Description
技术领域
本发明涉及大数据处理技术，尤其涉及一种前端用户操作行为数据的收集方法、系统及存储介质。
背景技术
在互联网上，用户访问Web应用的通常方式是本地浏览器请求，远程服务端响应。通过这种方式，服务端可以记录用户行为操作结果，但无法跟踪用户行为操作过程。当出现报错状况时，无法准确复现错误，导致错误无法及时解决。
目前的前端监控系统是通过收集前端的性能分析数据、ajax错误分析、js错误日志监控信息进行错误排查的，但是，在用户上报一个错误报告，技术人员再根据错误报告进行排查寻找错误发生的原因的场景中，单纯依靠一个错误报告的源码，很多错误是没法复现的，无法找到错误的原因，导致错误无法解决。
因此，亟需一种高效的、可复现用户操作错误的前端用户操作行为数据的收集方法。
发明内容
本发明提供一种前端用户操作行为数据的收集方法、系统及计算机可读存储介质，其主要解决用户操作行为错误无法复现的问题。
为实现上述目的，本发明提供一种前端用户操作行为数据的收集方法，应用于电子装置，所述方法包括：
接收WEB前端上报的报错信息；
根据预设解析规则对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；
根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；
将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
进一步，优选的，所述操作系统信息为通过javascript脚本文件预先存储在服务端的信息，所述根据所述匹配逻辑获取预先存储在服务端的操作系统信息的方法包括：
通过预先设置的脚本文件收集用户行为数据并为所述用户设置唯一标识；
建立所收集的用户行为数据与所述用户的唯一标识之间的映射关系，并存储至浏览器session storage；
利用ajax定时将已建立映射关系的用户行为数据上报至服务端。
进一步，优选的，所述用户点击记录截图的收集方法包括：
预先为每个按钮添加监听函数；
当所述按钮被点击启动时，通过所述监听函数触发html2Canvs脚本文件对所述按钮的外层父元素生成截图；
按照时间标记对所述截图进行收集。
进一步，优选的，通过调用sessionStorage.setItem函数将所收集的用户行为数据存储至浏览器session storage；
所述浏览器session storage通过调用sessionStorage.getItem函数获取所存储的用户行为数据。
进一步，优选的，所述用户行为数据储存于区块链中。
进一步，优选的，所述错误源码包括软件环境信息、终端设备信息、网络信息以及用户登录信息；其中，
所述软件环境信息包括所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器；
所述终端设备信息包括所述终端设备的操作系统的类型、版本和语言；
所述网络信息包括网络的传输速度和所述网络的服务提供商；
所述用户登录信息包括IP地址和位置信息的第三方API接口以获取IP地址和位置信息。
为实现上述目的，本发明提供一种前端用户操作行为数据的收集系统，包括接收报错信息单元、解析报错信息单元、操作系统信息获取单元和展示单元；
所述接收报错信息单元，用于接收WEB前端上报的报错信息；
所述解析报错信息单元，用于根据预设解析规则对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；
所述操作系统信息获取单元，用于根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；
所述展示单元，用于将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
进一步，优选的，所述操作系统信息获取单元包括预存储子单元和获取子单元；其中：
所述预存储子单元，用于通过javascript脚本文件将操作系统信息预先存储在服务端；所述预存储子单元包括收集模块、存储模块和上报服务端模块；
所述收集模块，用于通过预先设置的脚本文件收集用户行为数据并为所述用户设置唯一标识；
所述存储模块，用于建立所收集的用户行为数据与所述用户的唯一标识之间的映射关系，并存储至浏览器session storage；
所述上报服务端模块，用于利用ajax定时将已建立映射关系的用户行为数据上报至服务端；
所述获取子单元，用于根据所述匹配逻辑获取预先存储在服务端的操作系统信息。
为实现上述目的，本发明还提供一种电子装置，该电子装置包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的程序，所述程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上述的前端用户操作行为数据的收集方法中步骤。
此外，为实现上述目的，本发明还提供一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，实现上述的前端用户操作行为数据的收集方法的步骤。
本发明提出的前端用户操作行为数据的收集方法、系统、电子装置及计算机可读存储介质，通过接收WEB前端上报的报错信息；对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱；有益效果如下：
1)在现有的前端用户行为收集中，很少涉及到用户操作行为截图数据的收集、上报，本发明的前端用户操作行为数据的收集方法可以根据用户标识按时间顺序生成用户行为数据；
2)通过html2Canvs脚本文件高效获取用户行为数据，为利用用户行为数据进行报错分析及用户定位分析提供了可能；
3)收集的前端用户操作行为数据，不仅可以为开发人员提供前端错误分析的依据，还可以为运营人员提供用户画像的素材。
附图说明
图1为本发明的前端用户操作行为数据的收集方法的实施例的流程图；
图2本发明的前端用户操作行为数据的收集系统的逻辑结构示意图；
图3为本发明的电子装置的实施例的结构示意图；
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
为了提高用户的前端用户操作行为数据的收集效率，本发明提供一种前端用户操作行为数据的收集方法。图1示出了本发明前端用户操作行为数据的收集方法的实施例的流程。参照图1所示，该方法可以由一个装置执行，该装置可以由软件和/或硬件实现。
本发明提出的前端用户操作行为数据的收集方法、系统、电子装置及计算机可读存储介质，通过接收WEB前端上报的报错信息；对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；根据匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。在真实网络环境下对用户行为进行监测与分析，从而加强并完善Web应用的推广与体验。
前端用户操作行为数据的收集方法包括：步骤S110-步骤S140。
S110、接收WEB前端上报的报错信息。
前端上报错误信息给服务端，服务端接收到该错误信息。前端为一个软件系统中直接和用户交互的模块，WEB前端通过异步函数包裹try...catch捕获错误场景，而前端将错误上报的方式一般采用创建**img**，通过**src**指定上报的地址，当上报发送的请求过多时，需要对上报的错误信息进行合并，然后定时将错误信息上报至服务端。
比如，常见的网页卡顿或者直接崩溃，前端就会将网页崩溃的报错信息上报至服务端。
在一个具体的实施例中，为了监控路由的切换和地址栏的变化，通过设置定时器，对代码进行定时检查，定时检查包括两部分，其一为URL变化检查，为200毫秒一次；其二，为数据检查，频率为5秒一次；若监测到数据，则对监测到的数据进行上传并清空上一次的数据记录。
S120、对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系。
具体地说，报错信息有很多种，有运行时的赋值类型错误、资源加载错误，或脚本文件异常等等。每种错误导致的后果均不相同，因此错误等级都不相同。
对所述报错信息进行解析，在具体的解析过程中，包括对报错信息发生次数以及影响用户数的分析，进而确定错误发生的优先级。发生次数跟影响用户是成正比的，如果发生次数和影响用户的数量级都很高，则判定该报错信息的优先级为严重，需要立即解决。而如果，如果发生次数和影响用户的数量级都很低，则判定该报错信息的优先级为低，可以稍后解决。
因为线上代码式经过编译、压缩和混淆处理，因此，直接接收到的报错信息不具备可读性。通过源码映射获取报错信息的匹配逻辑从而获取存储在服务器上的操作系统信息。
其中，所述匹配逻辑即为报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；所述转换映射关系是通过<url-pattern>设置的匹配规则；url匹配是通过是业务代码中的Controller，通过RequestMapping处理映射器进一步传递匹配，进而获得预先存储在服务端的操作系统信息。
S130、根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图。
所述错误源码包括软件环境信息、终端设备信息、网络信息以及用户登录信息；其中，所述软件环境信息包括所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器；所述终端设备信息包括所述终端设备的操作系统的类型、版本和语言；所述网络信息包括网络的传输速度和所述网络的服务提供商；所述用户登录信息包括IP地址和位置信息的第三方API接口以获取IP地址和位置信息。
因为用户经过了一系列复杂的操作之后，页面的样子和保存的数据都经过了很多的变化的时刻，最容易发生数据错乱的现象，导致报错信息无从分析。所以，需要对用户的进入页面、点击按钮等时刻进行截图。
在一个具体的实施例中，所述操作系统信息为通过javascript脚本文件预先存储在服务端的信息，所述根据所述匹配逻辑获取预先存储在服务端的操作系统信息的方法包括
S131、通过预先设置的脚本文件收集用户行为数据并为用户设置唯一标识。
需要说明的是，脚本文件即为shell脚本，Shell语言是技术实现的一种可选方案，亦可通过JAVA、NodeJS等技术来实现该功能。在本发明中是用于收集用户行为数据的javascript脚本文件。
具体地说，所述用户点击记录截图的收集方法包括：S1、预先为每个按钮添加监听函数；S2、当所述按钮被点击启动时，通过所述监听函数触发html2Canvs脚本文件对所述按钮的外层父元素生成截图；S3、按照时间标记对所述截图进行收集。进一步的，所述用户行为数据储存于区块链中。
在一个具体的实施例中，获取用户点击记录截图是通过javascript脚本文件为每个按钮添加监听函数，进而获得用户点击按钮截图。获取用户的页面记录截图是通过为每个页面添加监听函数，进而获取用户操作时的出错页面的截图。局部记录截图，是指特殊节点状态下的截图，比如JS发生错误时，当时的状态截图。对于用户进入页面记录信息，会选择页面最外层元素通过html2Canvs脚本文件生成图片。对于局部记录截图，需要设置所需截图的元素区域，通过上述元素区域的场景出现触发截图动作。比如，将某个按钮的父元素作为截图目标采用html2Canvs脚本文件生成图片。也就是说，第一步的加载的javascript文件包含收集截图的代码；第二步页面加载完脚本后会自动收集第一张整个页面的截图，以及用户点击页面某个按钮元素后会自动获取该按钮的外层父元素生成局部截图。
进一步的，收集用户行为数据是按照时间轨迹完成的。具体地说，每条上报的用户行为数据都有时间标记，服务端后期可通过时间标记进行查询。
用户在登录WEB页面的时候，自动调用javascript脚本文件；当检测到登录指令时，通过VS code钩子实现对所述javascript脚本文件的触发调用。
S132、建立所收集的用户行为数据与所述用户的唯一标识之间的映射关系，并存储至浏览器session storage；
上传的用户截图数据需要区分用户，所以设置一个用户标识来作为查询条件。调用javascript脚本文件后，javascript脚本文件会自动对登录用户进行唯一标识的设置，其中，登录用户的用户id都可以作为标识，比如唯一手机号、唯一用户名。通过为用户进行唯一标识的设置，作为后台查询用户数据的标记。
总之，通过html2Canvs脚本文件实现高效截图，并按照时间标记对上述截图进行收集，进而实现通过预先设置的脚本文件获取收集用户行为数据。对所收集的用户行为数据与预先设置的用户的唯一标识建立映射关系。
在具体的实施过程中，进行截图后，需要上传的数据很大，因为是图片数据，多则大几百Kb，少则也有个上百Kb，流量过大对用户端损耗过大。通过lz-string对生成的base64图片进行压缩，以减少图片大小。数据的实时上传可客户端的性能影响很大，因此需要把收集起来的用户截图数据暂时缓存在浏览器sesionstorage，再需要上传的时候再取出。通过调用sessionStorage.setItem函数将所收集的用户行为数据存储至浏览器session storage；所述浏览器session storage通过调用sessionStorage.getItem函数获取所存储的用户行为数据。
其中，sessionStorage浏览器用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在实际的操作过程中，sessionStorage.setItem函数是存储数据函数，通过接受一个键名(key)和值(value)作为参数，将键值对添加到存储中；如果键名存在，则更新其对应的值；而sessionStorage.getItem函数是读取数据函数，例如：sessionStorage.getItem('testKey')；//＝>返回testKey对应的值。
S133、利用ajax定时将已建立映射关系的用户行为数据上报至服务端。
在具体的实施过程中，用xmlHttpRequest来发送ajax请求，也可通过封装一个简单的Ajax。
定时上传也是有第一步加载javascript的脚本文件实现的，文件加载完成后会设置一个定时器，通过setInterval设置，比如脚本加载完成后设置一个定时器，每隔五分钟调用一次上传截图数据的函数函数功能自己要是从sessionStorage取到截图数据，使用ajax上传数据。
S140、将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
将包含两部分的操作系统信息展示给相关技术人员，一部分是分析错误源码信息，一部分是分析用户的行为数据信息。这个展示过程是通过调用相关弹窗API实现的。
通过用户的行为数据信息中的进入页面记录信息、用户点击记录信息和其他元素时的局部记录信息三种截图，使相关技术人员可以更加准确、全面地分析用户行为，进而更加精确地分析报错原因并定位问题，获取分析报告。
本发明的前端用户操作行为数据的收集方法通过根据用户标识按时间顺序生成用户行为数据；通过html2Canvs脚本文件高效获取用户行为数据，为利用用户行为数据进行报错分析及用户定位分析提供了可能；收集的前端用户操作行为数据，不仅可以为开发人员提供前端错误分析的依据，还可以为运营人员提供用户画像的素材。
图2为本发明的前端用户操作行为数据的收集系统的逻辑结构示意图；参照图2所示。
为实现上述目的，本发明提供一种前端用户操作行为数据的收集系统200，包括接收报错信息单元210、解析报错信息单元220、操作系统信息获取单元230和展示单元240；
所述接收报错信息单元210，用于接收WEB前端上报的报错信息；
所述解析报错信息单元220，用于对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；
所述操作系统信息获取单元230，用于根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；
所述展示单元240，用于将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
进一步，优选的，所述操作系统信息获取单元230包括预存储子单元231和获取子单元232；其中：
所述预存储子单元231，用于通过javascript脚本文件将操作系统信息预先存储在服务端；所述预存储子单元包括收集模块、存储模块和上报服务端模块；
所述收集模块，用于通过预先设置的脚本文件收集用户行为数据并为用户设置唯一标识；
所述存储模块，用于建立所收集的用户行为数据与所述用户的唯一标识之间的映射关系，并存储至浏览器session storage；
所述上报服务端模块，用于利用ajax定时已建立映射关系的用户行为数据上报至服务端；
所述获取子单元232，用于根据所述匹配逻辑获取预先存储在服务端的操作系统信息。
本发明的前端用户操作行为数据的收集系统通过根据用户标识按时间顺序生成用户行为数据，通过html2Canvs脚本文件高效获取用户行为数据，为利用用户行为数据进行报错分析及用户定位分析提供了可能；收集的前端用户操作行为数据，不仅可以为开发人员提供前端错误分析的依据，还可以为运营人员提供用户画像的素材。
本发明提供一种前端用户操作行为数据的收集方法，应用于一种电子装置3。
图3示出了根据本发明前端用户操作行为数据的收集方法较佳实施例的应用环境。
参照图3所示，在本实施例中，电子装置3可以是服务器、智能手机、平板电脑、便携计算机、桌上型计算机等具有运算功能的终端设备。
该电子装置3包括：处理器32、存储器31、通信总线33及网络接口35。
存储器31包括至少一种类型的可读存储介质。所述可读存储介质可以是非易失性的，也可以是易失性的。所述至少一种类型的可读存储介质可为如闪存、硬盘、多媒体卡、卡型存储器31等的非易失性存储介质。在一些实施例中，所述可读存储介质可以是所述电子装置3的内部存储单元，例如该电子装置3的硬盘。在另一些实施例中，所述可读存储介质也可以是所述电子装置3的外部存储器31，例如所述电子装置3上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。
在本实施例中，所述存储器31的可读存储介质通常用于存储安装于所述电子装置3的前端用户操作行为数据的收集程序30等。所述存储器31还可以用于暂时地存储已经输出或者将要输出的数据。
处理器32在一些实施例中可以是一中央处理器(Central Processing Unit，CPU)，微处理器或其他数据处理芯片，用于运行存储器31中存储的程序代码或处理数据，例如执行前端用户操作行为数据的收集程序30等。
通信总线33用于实现这些组件之间的连接通信。
网络接口34可选地可以包括标准的有线接口、无线接口(如WI-FI接口)，通常用于在该电子装置3与其他电子设备之间建立通信连接。
图3仅示出了具有组件31-34的电子装置3，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
可选地，该电子装置3还可以包括用户接口，用户接口可以包括输入单元比如键盘(Keyboard)、语音输入装置比如麦克风(microphone)等具有语音识别功能的设备、语音输出装置比如音响、耳机等，可选地用户接口还可以包括标准的有线接口、无线接口。
可选地，该电子装置3还可以包括显示器，显示器也可以称为显示屏或显示单元。在一些实施例中可以是LED显示器、液晶显示器、触控式液晶显示器以及有机发光二极管(Organic Light-Emitting Diode，OLED)触摸器等。显示器用于显示在电子装置3中处理的信息以及用于显示可视化的用户界面。
可选地，该电子装置3还可以包括射频(Radio Frequency，RF)电路，传感器、音频电路等等，在此不再赘述。
在图3所示的装置实施例中，作为一种计算机存储介质的存储器31中可以包括操作系统、以及前端用户操作行为数据的收集程序30；处理器32执行存储器31中存储的前端用户操作行为数据的收集程序30时实现如下步骤：接收WEB前端上报的报错信息；对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；根据匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
在其他实施例中，前端用户操作行为数据的收集程序30还可以被分割为一个或者多个模块，一个或者多个模块被存储于存储器31中，并由处理器32执行，以完成本发明。本发明所称的模块是指能够完成特定功能的一系列计算机程序程序段。前端用户操作行为数据的收集程序30可以分为包括接收报错信息单元210、解析报错信息单元220、操作系统信息获取单元230和展示单元240；所述接收报错信息单元，用于接收WEB前端上报的报错信息；所述解析报错信息单元，用于对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；所述操作系统信息获取单元，用于根据匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；所述展示单元，用于将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
此外，本发明还提出一种计算机可读存储介质，主要包括存储数据区和存储程序区，其中，存储数据区可存储根据区块链节点的使用所创建的数据等，存储程序区可存储操作系统、至少一个功能所需的应用程序，所述计算机可读存储介质中包括前端用户操作行为数据的收集程序，所述前端用户操作行为数据的收集程序被处理器执行时实现如前端用户操作行为数据的收集方法的操作。
本发明之计算机可读存储介质的具体实施方式与上述前端用户操作行为数据的收集方法、系统、电子装置的具体实施方式大致相同，在此不再赘述。
总的来说，本发明前端用户操作行为数据的收集方法、系统、电子装置及计算机可读存储介质，通过根据用户标识按时间顺序生成用户行为数据，通过html2Canvs脚本文件高效获取用户行为数据，为利用用户行为数据进行报错分析及用户定位分析提供了可能；收集的前端用户操作行为数据，不仅可以为开发人员提供前端错误分析的依据，还可以达到为运营人员提供用户画像的素材的技术效果。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干程序用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种前端用户操作行为数据的收集方法，应用于电子装置，其特征在于，所述方法包括：
接收WEB前端上报的报错信息；
根据预设解析规则对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；
根据所述匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，所述用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；
将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
2.根据权利要求1所述的前端用户操作行为数据的收集方法，其特征在于，所述操作系统信息为通过javascript脚本文件预先存储在服务端的信息，所述根据所述匹配逻辑获取预先存储在服务端的操作系统信息的方法包括：
通过预先设置的脚本文件收集用户行为数据并为所述用户设置唯一标识；
建立所收集的用户行为数据与所述用户的唯一标识之间的映射关系，并存储至浏览器session storage；
利用ajax定时将已建立映射关系的用户行为数据上报至服务端。
3.根据权利要求1所述的前端用户操作行为数据的收集方法，其特征在于，所述用户点击记录截图的收集方法包括：
预先为每个按钮添加监听函数；
当所述按钮被点击启动时，通过所述监听函数触发html2Canvs脚本文件对所述按钮的外层父元素生成截图；
按照时间标记对所述截图进行收集。
4.根据权利要求2所述的前端用户操作行为数据的收集方法，其特征在于，通过调用sessionStorage.setItem函数将所收集的用户行为数据存储至浏览器session storage；
所述浏览器session storage通过调用sessionStorage.getItem函数获取所存储的用户行为数据。
5.根据权利要求2所述的前端用户操作行为数据的收集方法，其特征在于，所述用户行为数据储存于区块链中。
6.根据权利要求1所述的前端用户操作行为数据的收集方法，其特征在于，所述错误源码包括软件环境信息、终端设备信息、网络信息以及用户登录信息；其中，
所述软件环境信息包括出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器；
所述终端设备信息包括所述终端设备的操作系统的类型、版本和语言；
所述网络信息包括网络的传输速度和所述网络的服务提供商；
所述用户登录信息包括IP地址和位置信息的第三方API接口以获取IP地址和位置信息。
7.一种前端用户操作行为数据的收集系统，其特征在于，包括接收报错信息单元、解析报错信息单元、操作系统信息获取单元和展示单元；
所述接收报错信息单元，用于接收WEB前端上报的报错信息；
所述解析报错信息单元，用于根据预设解析规则对所述报错信息进行解析，获得所述报错信息的错误等级信息以及匹配逻辑；其中，所述匹配逻辑为所述报错信息和预先存储在服务端的操作系统信息间的预设的转换映射关系；
所述操作系统信息获取单元，用于根据匹配逻辑获取预先存储在服务端的操作系统信息；其中，所述操作系统信息包括用户行为数据和错误源码，所述用户行为数据包括进入页面记录截图、用户点击记录截图和局部记录截图；
所述展示单元，用于将所述操作系统信息和错误等级信息返回至WEB前端或者发送至指定邮箱。
8.根据权利要求7所述的前端用户操作行为数据的收集系统，其特征在于，
所述操作系统信息获取单元包括预存储子单元和获取子单元；其中：
所述预存储子单元，用于通过javascript脚本文件将操作系统信息预先存储在服务端；所述预存储子单元包括收集模块、存储模块和上报服务端模块；
所述收集模块，用于通过预先设置的脚本文件收集用户行为数据并为所述用户设置唯一标识；
所述存储模块，用于建立所收集的用户行为数据与所述用户的唯一标识之间映射关系，并存储至浏览器session storage；
所述上报服务端模块，用于利用ajax定时将已建立映射关系的用户行为数据上报至服务端；
所述获取子单元，用于根据匹配逻辑获取预先存储在服务端的操作系统信息。
9.一种电子装置，其特征在于，该电子装置包括：至少一个处理器；以及，
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的程序，所述程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至6中任一所述的前端用户操作行为数据的收集方法中步骤。
10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现如权利要求1至6中任一项所述的前端用户操作行为数据的收集方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011591470.1A CN112671615B (zh) | 2020-12-29 | 2020-12-29 | 前端用户操作行为数据的收集方法、系统及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011591470.1A CN112671615B (zh) | 2020-12-29 | 2020-12-29 | 前端用户操作行为数据的收集方法、系统及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112671615A CN112671615A (zh) | 2021-04-16 |
| CN112671615B true CN112671615B (zh) | 2023-07-07 |
Family
ID=75411813
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011591470.1A Active CN112671615B (zh) | 2020-12-29 | 2020-12-29 | 前端用户操作行为数据的收集方法、系统及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112671615B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113778800B (zh) * | 2021-09-14 | 2023-08-18 | 上海绚显科技有限公司 | 一种报错信息处理方法、装置、系统、设备及存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104796278A (zh) * | 2014-01-21 | 2015-07-22 | 携程计算机技术（上海）有限公司 | 终端设备、Web前端错误的上报系统及方法 |
| CN107967209A (zh) * | 2017-10-09 | 2018-04-27 | 中国银联股份有限公司 | 一种检测前端网页代码中错误的方法、检测设备及服务器 |
| CN108268332A (zh) * | 2017-08-10 | 2018-07-10 | 广州神马移动信息科技有限公司 | 网页异常监控方法、设备及系统 |
| CN109324969A (zh) * | 2018-09-27 | 2019-02-12 | 平安普惠企业管理有限公司 | 测试报告的生成方法、装置、计算机设备及存储介质 |
| CN110287056A (zh) * | 2019-07-04 | 2019-09-27 | 郑州悉知信息科技股份有限公司 | 网页错误信息获取方法和装置 |
| WO2019196274A1 (zh) * | 2018-04-10 | 2019-10-17 | 平安科技（深圳）有限公司 | 网页页面测试方法、装置、电子设备和介质 |
| CN111124721A (zh) * | 2018-10-31 | 2020-05-08 | 阿里巴巴集团控股有限公司 | 网页处理方法、装置及电子设备 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10362086B2 (en) * | 2014-12-12 | 2019-07-23 | Medidata Solutions, Inc. | Method and system for automating submission of issue reports |
-
2020
- 2020-12-29 CN CN202011591470.1A patent/CN112671615B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104796278A (zh) * | 2014-01-21 | 2015-07-22 | 携程计算机技术（上海）有限公司 | 终端设备、Web前端错误的上报系统及方法 |
| CN108268332A (zh) * | 2017-08-10 | 2018-07-10 | 广州神马移动信息科技有限公司 | 网页异常监控方法、设备及系统 |
| CN107967209A (zh) * | 2017-10-09 | 2018-04-27 | 中国银联股份有限公司 | 一种检测前端网页代码中错误的方法、检测设备及服务器 |
| WO2019196274A1 (zh) * | 2018-04-10 | 2019-10-17 | 平安科技（深圳）有限公司 | 网页页面测试方法、装置、电子设备和介质 |
| CN109324969A (zh) * | 2018-09-27 | 2019-02-12 | 平安普惠企业管理有限公司 | 测试报告的生成方法、装置、计算机设备及存储介质 |
| CN111124721A (zh) * | 2018-10-31 | 2020-05-08 | 阿里巴巴集团控股有限公司 | 网页处理方法、装置及电子设备 |
| CN110287056A (zh) * | 2019-07-04 | 2019-09-27 | 郑州悉知信息科技股份有限公司 | 网页错误信息获取方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112671615A (zh) | 2021-04-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9203720B2 (en) | Monitoring the health of web page analytics code | |
| US9961129B2 (en) | Business transaction correlation with client request monitoring data | |
| US9239878B2 (en) | Interactivity analyses of web resources based on reload events | |
| WO2017101606A1 (zh) | 一种数据采集分析系统和方法 | |
| CN110688598B (zh) | 业务参数采集方法、装置、计算机设备和存储介质 | |
| CN111552633A (zh) | 接口的异常调用测试方法、装置、计算机设备及存储介质 | |
| CN111198797B (zh) | 操作监控方法及装置、操作分析方法及装置 | |
| CN104834588B (zh) | 检测常驻式跨站脚本漏洞的方法和装置 | |
| CN111930472B (zh) | 一种代码调试方法、装置、电子设备及存储介质 | |
| CN110875933A (zh) | 信息匹配确认方法和装置 | |
| CN112597020A (zh) | 接口测试方法、装置、计算机设备及存储介质 | |
| CN115150261B (zh) | 告警分析的方法、装置、电子设备及存储介质 | |
| CN105553770B (zh) | 一种数据采集控制方法和装置 | |
| CN110851681A (zh) | 爬虫处理方法、装置、服务器及计算机可读存储介质 | |
| CN111654495B (zh) | 用于确定流量产生来源的方法、装置、设备及存储介质 | |
| CN111177623A (zh) | 信息处理方法及装置 | |
| CN114090921A (zh) | 页面的显示方法和装置、存储介质及电子装置 | |
| CN112671615B (zh) | 前端用户操作行为数据的收集方法、系统及存储介质 | |
| CN112256557B (zh) | 程序回归测试方法、装置、系统、计算机设备及存储介质 | |
| CN111143650B (zh) | 获取页面数据的方法、装置、介质及电子设备 | |
| CN113312633A (zh) | 一种网站漏洞扫描方法、装置、设备及存储介质 | |
| CN112905936A (zh) | 页面录制动画生成、页面操作日志查询方法和计算机设备 | |
| CN112905935A (zh) | 页面录制方法、页面录制动画生成方法、设备和存储介质 | |
| CN110659191B (zh) | 埋点数据分析方法、装置、计算机设备和存储介质 | |
| CN113672460A (zh) | 一种服务监控方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |