CN112905936A - 页面录制动画生成、页面操作日志查询方法和计算机设备 - Google Patents

Abstract

本申请涉及一种页面录制动画生成、页面操作日志查询方法和计算机设备。所述页面录制动画生成方法包括：获取日志序列网络地址，所述日志序列网络地址是操作日志序列对应的网络地址，所述操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；根据所述日志序列网络地址获取对应的操作日志序列；基于所述操作日志序列中的页面操作日志生成页面动画帧，各个所述页面动画帧按照所述操作日志序列的页面操作日志顺序形成页面录制动画。采用本方法能够提高可视化回溯的效率。

Description

页面录制动画生成、页面操作日志查询方法和计算机设备

技术领域

本申请涉及互联网技术领域，特别是涉及一种页面录制动画生成、页面操作日志查询方法和计算机设备。

背景技术

随着互联网技术的发展，越来越多的用户使用互联网，在很多情况下，都需要对互联网中的用户行为进行回溯。例如保险销售中，监管机构要求平台方录制用户购买保险的一系列过程，以在发生争议时，可以通过查询销售过程记录进行回溯。

然而，每次回溯销售过程记录时，通常需要重新进行查询，然后导出查询得到的销售过程记录才能进行回溯，导致回溯效率低。

发明内容

基于此，有必要针对上述技术问题，提供一种页面录制动画生成、页面操作日志查询方法、装置、计算机设备和存储介质。

一种页面录制动画生成方法，所述方法包括：获取日志序列网络地址，所述日志序列网络地址是操作日志序列对应的网络地址，所述操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；根据所述日志序列网络地址获取对应的操作日志序列；基于所述页面操作日志生成页面动画帧，各个所述页面动画帧按照所述所述页面操作日志在所述操作日志序列的排序形成页面录制动画。

一种页面录制动画生成装置，所述装置包括：日志序列网络地址获取模块，用于获取日志序列网络地址，所述日志序列网络地址是操作日志序列对应的网络地址，所述操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；操作日志序列获取模块，用于根据所述日志序列网络地址获取对应的操作日志序列；页面动画帧生成模块，用于基于所述页面操作日志生成页面动画帧，各个所述页面动画帧按照所述所述页面操作日志在所述操作日志序列的排序形成页面录制动画。

在一些实施例中，所述页面动画帧生成模块用于：获取所述页面操作日志对应的页面代码；基于所述页面代码生成所述页面操作日志对应的页面动画帧。

在一些实施例中，所述页面动画帧生成模块用于：获取所述页面操作日志对应的用户页面信息以及对应的页面位置；基于所述页面代码以及所述用户页面信息生成所述页面操作日志对应的页面动画帧，其中，所述页面动画帧中的页面根据所述页面代码生成，所述页面中所述页面位置对应的信息输入区域展示所述用户页面信息。

在一些实施例中，所述页面动画帧生成模块用于：获取当前页面操作日志对应的当前页面网络地址，以及当前页面操作日志的前向页面操作日志对应的前向页面网络地址；当确定所述当前页面网络地址与所述前向页面网络地址一致时，基于前向页面代码以及当前页面代码生成所述当前页面操作日志对应的当前页面动画帧，所述前向页面代码为所述前向页面操作日志对应的页面代码，所述当前页面代码为所述当前页面操作日志对应的页面代码。

在一些实施例中，所述页面动画帧生成模块用于：获取所述页面操作日志对应的应用版本标识以及所述页面操作日志对应的页面代码；基于所述应用版本标识获取对应的应用代码；基于所述应用代码运行页面还原应用，以使得所述页面还原应用读取所述页面代码，基于所述页面代码生成所述页面操作日志对应的页面动画帧。

在一些实施例中，所述日志序列网络地址获取模块用于：响应于图像码扫描操作，扫描所述日志序列网络地址对应的地址图形码；根据所述地址图形码确定所述页面还原应用以及所述日志序列网络地址。

上述页面录制动画生成方法、装置、计算机设备和存储介质，日志序列网络地址是操作日志序列对应的网络地址，操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的，通过日志序列网络地址能够获取到对应的操作日志序列，基于该操作日志序列生成页面录制动画，因此通过日志序列网络地址就能够进行页面操作的可视化回溯，提高可视化回溯的效率。

一种页面操作日志查询方法，所述方法包括：展示日志查询页面；响应于针对所述日志查询页面的查询触发操作，向服务器发送日志查询请求，所述日志查询请求携带查询参数，以使得所述服务器根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；展示所述服务器返回的所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

一种页面操作日志查询装置，所述装置包括：日志查询页面展示模块，用于展示日志查询页面；日志查询请求发送模块，用于响应于针对所述日志查询页面的查询触发操作，向服务器发送日志查询请求，所述日志查询请求携带查询参数，以使得所述服务器根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；展示模块，用于展示所述服务器返回的所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

上述页面操作日志查询方法、装置、计算机设备和存储介质，由于对于日志查询请求，展示的是操作日志序列对应的日志序列网络地址，因此通过日志序列网络地址就能够进行页面操作的可视化回溯，提高了可视化回溯的效率。

一种页面操作日志查询方法，所述方法包括：接收终端发送的日志查询请求；所述日志查询请求携带查询参数；根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；向所述终端返回所述日志序列网络地址，以使得所述终端展示所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

一种页面操作日志查询装置，所述装置包括：日志查询请求接收模块，用于接收终端发送的日志查询请求；所述日志查询请求携带查询参数；查询模块，用于根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；返回模块，用于向所述终端返回所述日志序列网络地址，以使得所述终端展示所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

在一些实施例中，所述查询参数包括交易标识；所述查询模块用于：获取所述交易标识对应的页面操作日志，作为操作日志序列对应的终止页面操作日志；从所述终止页面操作日志对应的历史页面操作日志中，获取包括起始标识的页面操作日志，作为起始页面操作日志；获取所述起始页面操作日志到所述终止页面操作日志的页面操作日志，得到操作日志序列。

上述页面操作日志查询方法、装置、计算机设备和存储介质，由于对于日志查询请求，返回的是操作日志序列对应的日志序列网络地址，因此可以通过日志序列网络地址就能够进行页面操作的可视化回溯，提高了查询效率以及可视化回溯的效率。

附图说明

图1为一些实施例中页面录制动画生成方法的应用环境图；

图2为一些实施例中页面录制动画生成方法的流程示意图；

图3为一些实施例中生成地址图形码的页面的界面图；

图4为一些实施例中页面操作日志查询方法的流程示意图；

图5为一些实施例中查询页面的界面示意图；

图6为一些实施例中页面操作日志查询方法的流程示意图；

图7为一些实施例中页面录制动画生成装置的结构框图；

图8为一些实施例中页面操作日志查询装置的结构框图；

图9为一些实施例中页面操作日志查询装置的结构框图；

图10为一些实施例中计算机设备的内部结构图；

图11为一些实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的页面录制动画生成方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。终端102可以获取日志序列网络地址，日志序列网络地址是操作日志序列对应的网络地址，操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的，终端102可以基于日志序列网络地址向服务器发送获取操作日志序列的请求，服务器返回操作日志序列，终端基于操作日志序列中的页面操作日志生成页面录制动画。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。可以理解，页面录制动画生成方法也可以是服务器执行的。

在一些实施例中，服务器可以是基于ES(Elastic search)的服务器，ES是一个分布式、高扩展、高实时的搜索与数据分析引擎。它能很方便的使大量数据具有搜索、分析和探索的能力。

在一些实施例中，如图2所示，提供了一种页面录制动画生成方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：

步骤S202，获取日志序列网络地址，日志序列网络地址是操作日志序列对应的网络地址，操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的。

其中。日志序列网络地址是用于获取操作日志序列的网络地址，例如可以是URL(Uniform Resource Locator,统一资源定位器)链接。查询参数是用于查询日志的参数，例如可以包括交易标识或者用户标识的至少一个，还可以包括目标时间段。日志查询请求用于请求查询操作日志。该日志查询请求可以是执行页面录制动画生成方法的终端触发的，也可以是由其他终端触发的。例如可以是在电脑中触发日志查询请求，当在电脑中查询得到日志序列网络地址之后，可以响应于网络地址复制操作，复制该日志序列网络地址，并发送到手机中，通过手机执行页面录制动画生成方法。操作日志序列包括多个页面操作日志。多个是指至少两个。

页面操作日志是响应于对页面的操作生成的。例如可以根据需要设置目标页面对应的埋点，目标页面可以是涉及用户在投保过程中需要进行阅读、输入或者支付操作的页面。展示目标页面的终端通过埋点监听用户操作事件，当监听到用户操作时，可以生成页面操作日志，实时上传页面操作日志到服务器，以形成日志文件。其中，可以是通过基于https(Hyper Text Transfer Protocol over SecureSocket Layer)的网络连接上传页面操作日志，如果终端接收到表示传输成功的http状态码，则说明传输成功，若终端没有接收到传输成功的http状态码则可以重新传输页面操作日志。例如https传输数据后获取到服务器返回的为200的状态码，表示传输成功，如果不是200的状态码，表示传输失败，则可以再次尝试传输，直到传输成功。http状态码是用以表示网页服务器超文本传输协议响应状态的数字代码，可以为3位数。其中，数据埋点是指基于业务需求或产品需求对用户行为事件对应的位置进行开发埋点，并上报埋点的操作日志，埋点的记录数据汇总后可以用于分析，推动产品优化或指导运营。

具体地，终端可以响应于地址粘贴操作，获取日志序列网络地址。终端也可以通过扫描日志序列网络地址对应的地址二维码，得到日志序列网络地址。

步骤S204，根据日志序列网络地址获取对应的操作日志序列。

其中，操作日志序列是按照页面操作日志的时间顺序进行排序的，例如假设用户先执行了针对目标页面的点击操作，然后执行了针对页面的输入操作，则操作日志序列中页面操作日志的排序为：该点击操作对应的点击操作日志排序在前，该输入操作对应的输入操作日志排序在后。

具体地，服务器中预先存储了日志序列网络地址与操作日志序列的对应关系。终端基于日志序列网络地址向服务器发送获取操作日志序列的请求，以使得服务器可以根据日志序列网络地址与操作日志序列的对应关系，获取日志序列网络地址所对应的操作日志序列，并向终端返回该操作日志序列。

步骤S206，基于页面操作日志生成页面动画帧，各个页面动画帧按照页面操作日志在操作日志序列的排序形成页面录制动画。

其中，页面操作日志中包括对目标页面例如网页进行操作所形成的操作记录信息。例如目标页面可以是在母应用对应的子应用上展示的页面。母应用是承载子应用的应用，为子应用的实现提供环境。母应用是原生应用程序。原生应用程序是可以直接运行于操作系统的应用程序。母应用程序可以是社交应用程序、专门支持子应用程序的专用应用程序、文件管理应用程序、邮件应用程序或者游戏应用程序等。社交应用程序包括即时通信应用、SNS(Social Network Software，社交网络服务)应用或者直播应用等。子应用是承载在母应用上的应用，可在母应用程序提供的环境中实现。子应用俗称小程序，小程序指的是无需下载和安装即可使用的应用程序。开发者可以基于某个软件开发一个小程序，小程序可以在此软件中运行。

页面操作日志可以包括以下信息的一种或者多种：终端型号、终端操作系统版本、用户名称、身份证号、用户ID(identification)、母应用对应的OpenID、母应用对应的AppID(application identification)、页面网络地址、操作类型、操作类型对应的页面信息、操作时间、子应用版本、网页应用的版本或者交易标识。其中终端型号是指展示目标页面的终端的型号，例如手机型号。终端操作系统例如可以是安卓系统，用户名称例如可以是用户的名字，用户ID是用户的标识。可以理解，当目标页面是子应用的页面时，则携带的是子应用版本。当目标页面是网络页面例如H5(HTML5)页面时，则携带的是网页应用的版本。页面网络地址是目标页面的网络地址，例如URL地址。操作类型是对针对目标页面的操作的类型，例如可以是点击、滑动、输入、缩放或者勾选等。操作类型对应的页面信息例如可以包括目标页面的代码或者目标页面对应的用户页面信息的至少一种。目标页面对应的用户页面信息是指用户通过操作，在目标页面中增加的信息，例如用户在页面中输入被保险人姓名，则用户页面信息包括被保险人姓名。其中，HTML5是构建Web内容的一种语言描述方式。

页面录制动画包括多个页面动画帧。页面动画帧中还原了目标页面中的信息以及用户的操作。例如，在用户对目标页面进行输入操作时，则生成的页面动画帧中还原了目标用户对目标页面进行点击操作的行为。页面录制动画是一帧一帧的播放的，一个页面操作日志可以形成一个页面动画帧。该页面动画帧按照操作日志序列的页面操作日志顺序形成页面录制动画。例如，如果操作日志序列中的一个页面操作日志排序为第三，则其所生成的页面动画帧为页面录制动画的第三帧。

具体地，终端可以按照操作日志的时间，依次获取操作日志序列中的页面操作日志，根据该页面操作日志生成对应的页面动画帧，生成的页面动画帧按照页面操作日志在操作日志序列的顺序进行排序，形成页面录制动画。

在一些实施例中，对于终端，可以是边生成页面动画帧边播放，也可以是当所有的页面动画帧均生成完毕之后再播放页面录制动画。对于服务器，则可以将页面录制动画发送给终端，使得终端播放该页面录制动画。

上述页面录制动画生成方法中，日志序列网络地址是操作日志序列对应的网络地址，操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的，通过日志序列网络地址能够获取到对应的操作日志序列，基于该操作日志序列生成页面录制动画，并展示页面录制动画，因此通过日志序列网络地址就能够进行页面操作的可视化回溯，提高了查询效率以及可视化回溯的效率。例如，一个用户查询得到日志后，如果要向其他用户展示查询得到的日志的页面录制动画，则无需将查询得到的操作日志序列发给其他用户，而可以向该其他用户的终端发送日志序列网络地址，以通过日志序列网络地址进行动画分享，提高了分享的效率，也可以在不泄漏操作日志序列的情况下，进行用户行为的可视化回溯。

在一些实施例中，基于操作日志序列中的页面操作日志生成页面动画帧包括：获取操作日志序列中页面操作日志对应的页面代码；基于页面代码生成页面操作日志对应的页面动画帧。

其中，页面代码为形成目标页面的代码。例如可以是html网页中的网页源代码。页面操作日志中包括页面代码。可以理解，可以是各个页面操作日志均携带页面代码，也可以是特定操作类型对应的页面操作日志中携带页面代码，而非特定操作类型的则不携带页面代码。例如，特定操作类型可以是滚动操作类型。对于滚动操作类型，页面操作日志中携带的是当前滚动位置所对应的页面代码，即在上传页面操作日志时，可以从目标页面对应的页面代码中，根据该滚动位置确定当前展示的页面内容所对应的页面代码，从而可以使得在基于页面代码生成页面动画帧时，呈现的是与展示目标页面的终端所展示的页面区域。

具体地，对于包括页面代码的页面操作日志，例如滚动操作类型对应的页面操作日志，则可以从页面操作日志中提取对应的页面代码，基于该页面代码生成页面动画帧。对于不包括页面代码的页面操作日志，例如点击操作类型对应的页面操作日志，由于页面位置并未变化，则可以复用前一个页面动画帧中的页面。

在一些实施例中，基于页面代码生成页面操作日志对应的页面动画帧包括：获取操作日志序列中各个页面操作日志对应的用户页面信息以及对应的页面位置；基于页面代码以及用户页面信息生成页面操作日志对应的页面动画帧，其中，页面动画帧中的页面根据页面代码生成，页面中页面位置对应的信息输入区域展示用户页面信息。

其中，页面位置可以用坐标表示，也可以用控件的标识表示。例如，如果是某个控件对应的区域中输入有页面信息，在页面操作日志中包括该控件的标识以及对应的用户页面信息。在基于页面代码以及用户页面信息生成页面操作日志对应的页面动画帧时，基于页面代码生成原始页面，然后在页面位置对应的信息输入区域中展示用户页面信息，从而使得所生成的页面动画帧可以呈现用户操作时的目标页面以及用户在该页面中输入的信息。

在一些实施例中，根据页面操作日志中的操作记录还原用户在页面的操作，例如可以获取页面操作日志中的操作类型以及对应的操作位置，在操作位置对应的页面上执行该操作类型对应的操作。

在一些实施例中，基于页面代码生成页面操作日志对应的页面动画帧包括：获取当前页面操作日志对应的当前页面网络地址，以及当前页面操作日志的前向页面操作日志对应的前向页面网络地址；当确定当前页面网络地址与前向页面网络地址一致时，基于前向页面代码以及当前页面代码生成当前页面操作日志对应的当前页面动画帧，前向页面代码为前向页面操作日志对应的页面代码，当前页面代码为当前页面操作日志对应的页面代码。

其中，当前页面操作日志是指日志操作序列中当前要生成页面动画帧的页面操作日志。前向页面操作日志是指当前页面操作日志对应的前一个页面操作日志。例如，假设当前页面操作日志是日志操作序列中的第三个页面操作日志，则前向页面操作日志是日志操作序列中的第二个页面操作日志。当前页面网络地址是当前页面操作日志中的页面网络地址。前向页面网络地址是前向页面操作日志中的页面网络地址。前向页面代码为前向页面操作日志中的页面代码，当前页面代码为当前页面操作日志中的页面代码。

具体地，当要生成当前页面操作日志对应的页面动画帧时，终端获取当前页面操作日志中的页面网络地址作为当前页面网络地址，当确定当前页面网络地址与前向页面网络地址一致时，则可以将前向页面代码与当前页面代码拼接在一起，作为整体的页面代码，基于整体的页面代码生成页面动画帧。例如上传页面操作日志的日志终端，在生成页面操作日志时，可以判断页面操作日志对应的页面代码与同一页面对应的前向的页面代码是否存在重复的页面代码，如果存在，则删除重复的页面代码，从而可以减少页面操作日志的数据量。在生成页面动画帧时，如果终端基于两个页面操作日志的网络地址确定是同一个页面，则将前一个页面操作日志的页面代码也作为当前要生成的页面动画帧对应的页面代码，从而在减少页面操作日志的数据量的同时，也可以生成完整的页面。可以理解，当确定当前页面网络地址与前向页面网络地址不一致时，则可以仅基于当前页面代码生成当前动画帧中的原始页面。

在一些实施例中，将前向页面代码与当前页面代码拼接在一起时，还可以判断前向页面操作日志对应的前向页面操作坐标与当前页面操作日志对应的当前页面操作坐标的位置关系，基于该位置关系确定拼接的顺序。若当前向页面操作坐标在前向页面操作坐标之前，则当前页面代码在前向页面代码之前。若当前向页面操作坐标在前向页面操作坐标之后，则当前页面代码在前向页面代码之后。从而使得页面代码的拼接，与页面的滑动方向对应。

在一些实施例中，基于操作日志序列中的页面操作日志生成页面动画帧包括：获取页面操作日志对应的应用版本标识以及页面操作日志对应的页面代码；基于应用版本标识获取对应的应用代码；基于应用代码运行页面还原应用，以使得页面还原应用读取页面代码，基于页面代码生成页面操作日志对应的页面动画帧。

其中，应用版本标识表示目标页面对应的目标应用的版本标识。例如当目标应用为小程序时，则应用版本标识为小程序的版本标识。当目标应用为网页应用时，则应用版本标识为html5的版本标识。其中，html5是构建网页内容的一种语言描述方式。应用代码是该目标应用的运行代码，通过应用代码可以运行目标应用。页面还原应用是用于还原页面行为的应用。即是对用户对页面的操作行为进行可视化回溯的应用。该页面还原应用中可以存储目标应用对应的应用代码。由于目标应用的版本可能是不断的更新的，而用户在对页面进行操作时，该目标页面是在特定版本的应用环境中展示的，因此通过运行该版本的应用的代码，通过该版本的应用代码运行页面还原应用，能够使得针对页面操作的可视化回溯更加真实以及准确。

举个例子，假设要对目标应用例如某个小程序上的用户行为进行追溯，则可以生成一个专用于还原该小程序上的行为的回溯还原应用(页面还原应用)，该回溯还原应用的运行代码是从目标应用对应的多个版本的应用代码中筛选出来的，即回溯还原应用对应有目标应用的各个版本的应用代码，在运行回溯还原应用时，该回溯还原应用并不是固定采用最新版本的应用代码运行，而是会根据要回溯的页面操作日志对应的应用版本获取对应版本的应用代码，基于该应用代码运行，从而使得在进行回溯还原时，是通过页面操作日志对应的的版本标识对应的应用代码进行回溯还原的，通过该应用代码的运行还原出要还原的页面，形成页面动画帧，保证回溯还原的准确度。

在一些实施例中，获取日志序列网络地址包括：响应于图像码扫描操作，扫描日志序列网络地址对应的地址图形码；根据地址图形码确定页面还原应用以及日志序列网络地址。

其中，图形码例如可以是二维码。地址图形码是表示日志序列网络地址的图形码。终端可以响应于扫描图形码的操作例如点击母应用对应的扫描控件的操作扫描地址图形码。母应用通过扫描读取得到其中的应用标识，该应用标识是携带在日志序列网络地址中的，因此母应用可以根据地址图形码中的应用标识确定要打开的子应用为页面还原应用。

例如，当得到日志序列网络地址后，终端展示用于生成地址图形码的控件，以基于针对该控件的触发操作，生成地址图形码。如图3所示，为一些实施例中生成地址图形码的页面的界面图，当用户查询得到日志序列网络地址时，可以在图形码生成页面的地址输入区域302中输入日志序列网络地址，当用于生成图形码的终端接收到针对日志序列网络地址的图形码生成操作时，例如接收到针对图形码生成功能控件304的触发操作时，可以生成图形码306。当用户需要利用某个终端展示页面录制动画，可以通过触发母应用的扫描控件，扫描该图形码，从而使得在母应用中打开用于还原的子应用，即页面还原应用，在页面还原应用中生成页面录制动画。

在一些实施例中，如图4所示，提供了一种页面操作日志查询方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：

步骤S402，展示日志查询页面。

其中，日志查询页面是用于查询页面操作日志的页面，可以在日志查询页面中输入查询参数，以查询页面操作日志。其中，查询参数可以是默认的，也可以是响应于用户的参数输入操作获取的。

具体地，终端可以响应于查询页面展示操作，展示日志查询页面。例如响应于点击进入日志查询页面的控件的操作，展示日志查询页面。

步骤S404，响应于针对日志查询页面的查询触发操作，向服务器发送日志查询请求，日志查询请求携带查询参数，以使得服务器根据查询参数查询得到页面操作日志，基于页面操作日志的时间顺序得到操作日志序列，获取操作日志序列对应的日志序列网络地址。

其中，日志查询请求用于请求查询日志。查询参数可以包括交易标识或者用户标识的至少一个。当为交易标识时，可以获取包括交易标识的页面操作日志。当为用户标识时，可以获取用户标识对应的页面操作日志，作为查询得到的页面操作日志。当查询参数还包括目标时间段时，还可以筛选得到用户标识对应的页面操作日志中，为该目标时间段内产生的页面操作日志。

页面操作日志的时间顺序是按照页面操作日志对应的操作的发生时间进行排序的。服务器按照页面操作日志的时间顺序对查询得到的页面操作日志进行排序，得到日志文件，并可以生成该日志文件对应的日志序列网络地址。日志序列网络地址可以是基于操作日志序列的信息生成的，服务器建立该操作日志序列与日志序列网络地址的对应关系。

具体地，当终端接收到日志查询页面的查询触发操作，例如点击查询控件的操作时，向服务器发送日志查询请求。

步骤S406，展示服务器返回的日志序列网络地址，日志序列网络地址用于触发基于操作日志序列生成页面录制动画。

具体地，终端接收到该日志序列网络地址之后，可以在查询页面中展示日志序列网络地址，以使得用户可以通过对日志序列网络地址的操作，例如复制操作，向其他用户分享日志序列网络地址，以使得其他用户对应的终端可以通过日志序列网络地址展示页面录制动画。可以理解，服务器还可以返回生成的日志文件，日志文件包括操作日志序列。

例如，如图5所示，为一些实施例中查询页面的界面示意图。用户可以在查询用户id的输入区域502中输入用户的标识，在保单号对应的输入区域504输入保单号，其中保单号是指购买保险产品订单的订单号。当接收到针对查询控件506的触发操作时，终端向服务器发送日志查询请求。当终端接收到服务器返回的日志序列网络地址后，可以在结果展示区域508展示日志序列网络地址“http：www.abc.con/def”，从而使得用户可以通过复制该网络地址，在页面还原应用中根据该页面网络地址生成页面录制动画。

在一些实施例中，查询页面还可以展示查询得到的操作日志序列的基本信息，例如用户名称以及操作时间等。

上述页面操作日志查询方法、装置、计算机设备和存储介质，由于对于日志查询请求，展示的是操作日志序列对应的日志序列网络地址，因此可以通过日志序列网络地址就能够进行页面操作的可视化回溯，提高了查询效率以及可视化回溯的效率。

在一些实施例中，如图6所示，提供了一种页面操作日志查询方法，以该方法应用于图1中的服务器例进行说明，包括以下步骤：

步骤S602，接收终端发送的日志查询请求；日志查询请求携带查询参数。

步骤S604，根据查询参数查询得到页面操作日志，基于页面操作日志的时间顺序得到操作日志序列，获取操作日志序列对应的日志序列网络地址。

在一些实施例中，查询参数包括交易标识；根据查询参数查询得到页面操作日志，基于页面操作日志的时间顺序得到操作日志序列包括：获取交易标识对应的页面操作日志，作为操作日志序列对应的终止页面操作日志；从终止页面操作日志对应的历史页面操作日志中，获取包括起始标识的页面操作日志，作为起始页面操作日志；获取起始页面操作日志到终止页面操作日志的页面操作日志，得到操作日志序列。

其中，终止页面操作日志是指最后的一个页面操作日志。起始页面操作日志是指第一个页面操作日志。终止页面操作日志对应的历史页面操作日志是指在终止页面操作日志之前产生的页面操作日志。起始标识是用于标识该页面操作日志为用于生成交易订单的第一个操作的日志记录的标识，具体可以根据需要设置。用于生成交易订单的第一个页面操作可以根据需要设置，例如可以设置用户点击进入所要购买的产品的页面的操作为用于生成交易订单的第一个页面操作。在设置第一个页面操作对应的埋点时，预先设置了对于该页面操作日志，需要添加起始标识符，使得服务器在生成用于回溯交易标识对应的交易行为的页面动画帧时，可以从该操作行为对应的页面操作日志开始进行回溯，提高了回溯的准确性以及效率。

例如，在生成交易订单得到交易标识之前，用户执行的为了生成交易订单的操作并不存在交易标识，即页面操作日志中没有携带交易标识。而通过本申请实施例提供的方法，在进行可视化回溯时，即使生成交易订单之前产生的行为对应的操作日志没有对应有交易标识，也可以从准备交易的行为例如从点击进入产品介绍页面的行为开始对订单的生成过程进行回溯，提高了回溯的准确性。

步骤S606，向终端返回日志序列网络地址，以使得终端展示日志序列网络地址，日志序列网络地址用于触发基于操作日志序列生成页面录制动画。

具体地，服务器在返回操作日志序列时，可以基于通过HTTPS的网络连接返回。

在一些实施例中，服务器可以记录得到日志操作序列的日志序列网络地址的时间。当距离该时间的时间长度达到预设时长阈值时，可以确定该日志序列网络地址失效，以提高安全性，避免该日志序列网络地址被他人非法获取，提高可视化回溯的安全性。例如日志序列网络地址的有效期设置成5分钟，过期后需要重新查询，以生成新的日志序列网络地址。

上述页面操作日志查询方法、装置、计算机设备和存储介质，由于对于日志查询请求，返回的是操作日志序列对应的日志序列网络地址，因此可以通过日志序列网络地址就能够进行页面操作的可视化回溯，提高了查询效率以及可视化回溯的效率。

本申请实施例提供的页面录制动画方法以及页面操作日志查询方法可以用于用户行为的可视化回溯中。可视化回溯是指以可视化的方式将用户在终端上页面上的操作还原出来。可以在要进行可视化回溯的页面中例如小程序页面以及H5页面中设置数据埋点，通过数据埋点获取页面对应的HTML、CSS(Cascading Style Sheets)和JS(Javascript)等相关的日志信息，以重塑页面信息。例如用户在页面操作时，展示页面的终端可以实时上传数据埋点信息到ES服务器，以形成日志文件，然后用户可以查询日志，用户将查询得到的日志文件的链接到回溯还原应用中，回溯还原应用根据日志文件重塑页面信息，并根据用户的操作时间线还原用户操作，这样可以满足监管机构要求对销售界面和销售过程记录的可回溯管理需求，也能对用户使用产品的方式进行记录并分析，优化产品。也给互联网企业的纠纷举证和定位责任提供保障。

其中，CSS指层叠样式表，是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。JS是一种脚本语言，广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

应该理解的是，虽然上述流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一些实施例中，如图7所示，提供了一种页面录制动画生成装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：

日志序列网络地址获取模块702，用于获取日志序列网络地址，日志序列网络地址是操作日志序列对应的网络地址，操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；

操作日志序列获取模块704，用于根据日志序列网络地址获取对应的操作日志序列；

页面动画帧生成模块706，用于基于操作日志序列中的页面操作日志生成页面动画帧，各个页面动画帧按照操作日志序列的页面操作日志顺序形成页面录制动画。

在一些实施例中，页面动画帧生成模块用于：获取操作日志序列中页面操作日志对应的页面代码；基于页面代码生成页面操作日志对应的页面动画帧。

在一些实施例中，页面动画帧生成模块用于：获取操作日志序列中各个页面操作日志对应的用户页面信息以及对应的页面位置；基于页面代码以及用户页面信息生成页面操作日志对应的页面动画帧，其中，页面动画帧中的页面根据页面代码生成，页面中页面位置对应的信息输入区域展示用户页面信息。

在一些实施例中，页面动画帧生成模块用于：获取当前页面操作日志对应的当前页面网络地址，以及当前页面操作日志的前向页面操作日志对应的前向页面网络地址；当确定当前页面网络地址与前向页面网络地址一致时，基于前向页面代码以及当前页面代码生成当前页面操作日志对应的当前页面动画帧，前向页面代码为前向页面操作日志对应的页面代码，当前页面代码为当前页面操作日志对应的页面代码。

在一些实施例中，页面动画帧生成模块用于：获取页面操作日志对应的应用版本标识以及页面操作日志对应的页面代码；基于应用版本标识获取对应的应用代码；基于应用代码运行页面还原应用，以使得页面还原应用读取页面代码，基于页面代码生成页面操作日志对应的页面动画帧。

在一些实施例中，日志序列网络地址获取模块用于：响应于图像码扫描操作，扫描日志序列网络地址对应的地址图形码；根据地址图形码确定页面还原应用以及日志序列网络地址。

在一些实施例中，如图8所示，提供了一种页面操作日志查询装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：

日志查询页面展示模块802，用于展示日志查询页面；

日志查询请求发送模块804，用于响应于针对日志查询页面的查询触发操作，向服务器发送日志查询请求，日志查询请求携带查询参数，以使得服务器根据查询参数查询得到页面操作日志，基于页面操作日志的时间顺序得到操作日志序列，获取操作日志序列对应的日志序列网络地址；

展示模块806，用于展示服务器返回的日志序列网络地址，日志序列网络地址用于触发基于操作日志序列生成页面录制动画。

在一些实施例中，如图9所示，提供了一种页面操作日志查询装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：

日志查询请求接收模块902，用于接收终端发送的日志查询请求；日志查询请求携带查询参数；

查询模块904，用于根据查询参数查询得到页面操作日志，基于页面操作日志的时间顺序得到操作日志序列，获取操作日志序列对应的日志序列网络地址；

返回模块906，用于向终端返回日志序列网络地址，以使得终端展示日志序列网络地址，日志序列网络地址用于触发基于操作日志序列生成页面录制动画。

在一些实施例中，查询参数包括交易标识；查询模块用于：获取交易标识对应的页面操作日志，作为操作日志序列对应的终止页面操作日志；从终止页面操作日志对应的历史页面操作日志中，获取包括起始标识的页面操作日志，作为起始页面操作日志；获取起始页面操作日志到终止页面操作日志的页面操作日志，得到操作日志序列。

关于页面录制动画生成装置以及页面操作日志查询装置的具体限定可以参见上文中对于页面录制动画生成方法以及页面操作日志查询方法的限定，在此不再赘述。上述页面录制动画生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一些实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储页面操作日志。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面操作日志查询方法。

在一些实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面录制动画生成方法或者页面操作日志查询方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图10以及11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一些实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。

在一些实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。

在一些实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (14)

1.一种页面录制动画生成方法，其特征在于，所述方法包括：

获取日志序列网络地址，所述日志序列网络地址是操作日志序列对应的网络地址，所述操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；

根据所述日志序列网络地址获取对应的操作日志序列；

基于所述页面操作日志生成页面动画帧，各个所述页面动画帧按照所述所述页面操作日志在所述操作日志序列的排序形成页面录制动画。

2.根据权利要求1所述的方法，其特征在于，所述基于所述页面操作日志生成页面动画帧包括：

获取所述页面操作日志对应的页面代码；

基于所述页面代码生成所述页面操作日志对应的页面动画帧。

3.根据权利要求2所述的方法，其特征在于，所述基于所述页面操作日志生成页面动画帧包括：

获取所述页面操作日志对应的用户页面信息以及对应的页面位置；

基于所述页面代码以及所述用户页面信息生成所述页面操作日志对应的页面动画帧，其中，所述页面动画帧中的页面根据所述页面代码生成，所述页面中所述页面位置对应的信息输入区域展示所述用户页面信息。

4.根据权利要求2所述的方法，其特征在于，所述基于所述页面代码生成所述页面操作日志对应的页面动画帧包括：

获取当前页面操作日志对应的当前页面网络地址，以及所述当前页面操作日志的前向页面操作日志对应的前向页面网络地址；

当确定所述当前页面网络地址与所述前向页面网络地址一致时，基于前向页面代码以及当前页面代码生成所述当前页面操作日志对应的当前页面动画帧；其中，所述前向页面代码为所述前向页面操作日志对应的页面代码，所述当前页面代码为所述当前页面操作日志对应的页面代码。

5.根据权利要求1所述的方法，其特征在于，所述基于所述页面操作日志生成页面动画帧包括：

获取所述页面操作日志对应的应用版本标识以及所述页面操作日志对应的页面代码；

基于所述应用版本标识获取对应的应用代码；

基于所述应用代码运行页面还原应用，以使得所述页面还原应用读取所述页面代码，基于所述页面代码生成所述页面操作日志对应的页面动画帧。

6.根据权利要求5所述的方法，其特征在于，所述获取日志序列网络地址包括：

响应于图像码扫描操作，扫描所述日志序列网络地址对应的地址图形码；

根据所述地址图形码确定所述页面还原应用以及所述日志序列网络地址。

7.一种页面操作日志查询方法，其特征在于，所述方法包括：

展示日志查询页面；

响应于针对所述日志查询页面的查询触发操作，向服务器发送日志查询请求，所述日志查询请求携带查询参数，以使得所述服务器根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；

展示所述服务器返回的所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

8.一种页面操作日志查询方法，其特征在于，所述方法包括：

接收终端发送的日志查询请求；所述日志查询请求携带查询参数；

根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；

向所述终端返回所述日志序列网络地址，以使得所述终端展示所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

9.根据权利要求8所述的方法，其特征在于，所述查询参数包括交易标识；所述根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列包括：

获取所述交易标识对应的页面操作日志，作为操作日志序列对应的终止页面操作日志；

从所述终止页面操作日志对应的历史页面操作日志中，获取包括起始标识的页面操作日志，作为起始页面操作日志；

获取所述起始页面操作日志到所述终止页面操作日志的页面操作日志，得到操作日志序列。

10.一种页面录制动画生成装置，其特征在于，所述装置包括：

日志序列网络地址获取模块，用于获取日志序列网络地址，所述日志序列网络地址是操作日志序列对应的网络地址，所述操作日志序列中的页面操作日志是根据日志查询请求中的查询参数查询得到的；

操作日志序列获取模块，用于根据所述日志序列网络地址获取对应的操作日志序列；

页面动画帧生成模块，用于基于所述页面操作日志生成页面动画帧，各个所述页面动画帧按照所述所述页面操作日志在所述操作日志序列的排序形成页面录制动画。

11.一种页面操作日志查询装置，其特征在于，所述装置包括：

日志查询页面展示模块，用于展示日志查询页面；

日志查询请求发送模块，用于响应于针对所述日志查询页面的查询触发操作，向服务器发送日志查询请求，所述日志查询请求携带查询参数，以使得所述服务器根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；

展示模块，用于展示所述服务器返回的所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

12.一种页面操作日志查询装置，其特征在于，所述装置包括：

日志查询请求接收模块，用于接收终端发送的日志查询请求；所述日志查询请求携带查询参数；

查询模块，用于根据所述查询参数查询得到页面操作日志，基于所述页面操作日志的时间顺序得到操作日志序列，获取所述操作日志序列对应的日志序列网络地址；

返回模块，用于向所述终端返回所述日志序列网络地址，以使得所述终端展示所述日志序列网络地址，所述日志序列网络地址用于触发基于所述操作日志序列生成页面录制动画。

13.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至9中任一项所述的方法的步骤。

14.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。

Images