基于iframe的签名回溯方法、装置、计算机设备和存储介质与流程

本发明涉及计算机，特别是涉及一种基于iframe的签名回溯方法、装置、计算机设备和存储介质。

背景技术：

1、在现有的业务行为中，用户签名确认是经常出现的环节，部分业务行为会通过第三方的签名系统或者多个业务行为会引用同一个签名系统，此时往往通过iframe嵌入的方式来快速实现功能该功能，但这样的方式会造成跨域问题，导致签名的可回溯行为变得困难。

2、因此，针对现有技术方案的缺点，本发明提供一种可实现跨域的基于iframe的签名回溯方法。

技术实现思路

1、基于此，有必要针对上述技术问题，提供一种基于iframe的签名回溯方法、装置、计算机设备和存储介质。

2、一方面，提供一种基于iframe的签名回溯方法，所述方法包括：

3、在父窗口和子窗口中分别加入对应的插件，其中所述子窗口通过iframe嵌入所述父窗口；当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码；所述子窗口对应的插件确定所述子窗口中的触摸事件为签名事件，采集所述签名事件对应的签名事件数据，其中所述签名事件数据与所述子回溯码关联；所述子窗口对应的插件将所述子窗口中的签名事件数据发送给后端，以供所述后端根据接收到的签名事件数据生成对应的签名事件回溯视频；响应于用户的签名回溯请求，播放所述签名回溯请求对应的签名事件回溯视频。

4、可选的，所述当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码，包括：所述父窗口加载完成所述父窗口对应的插件后，生成所述回溯码；判断所述子窗口是否加载完成所述子窗口对应的插件；若所述子窗口加载完成所述子窗口对应的插件，所述父窗口发送所述回溯码和所述时间戳给所述子窗口，所述子窗口将所述回溯码和所述时间戳组合作为子回溯码；若所述子窗口未加载完成所述子窗口对应的插件，所述子窗口加载完成后向所述父窗口发送获取请求，所述父窗口发送所述回溯和所述时间戳码给所述子窗口。

5、可选的，所述采集所述签名事件对应的签名事件数据，包括：所述子窗口对应的插件通过监听所述子窗口中的触摸事件，确定根据所述签名事件对应的触摸类型；根据所述签名事件对应的触摸类型，采集所述签名事件对应的签名事件数据，其中，触摸类型包括触摸开始、触摸移动、触摸结束；当所述签名事件对应的触摸类型为触摸开始时，记录触摸对象的初始位置数据；当所述签名事件对应的触摸类型为触摸移动时，根据所述触摸移动的移动轨迹的位置数据，记录所述移动轨迹在画布标签上的轨迹坐标；当所述触摸类型对应的触摸类型为触摸结束时，判断触摸结束时的画布数据和初始画布数据是否相同，若是，则清空所述签名事件数据。

6、可选的，所述当所述签名事件对应的触摸类型为触摸开始时，记录触摸对象的初始位置数据，包括：当所述签名事件对应的触摸类型为触摸开始时，判断所述子窗口中是否存在画布数据对象；若不存在，则在所述子窗口中创建画布数据对象、记录初始画布数据和记录画布标签位置数据。

7、可选的，所述当所述签名事件对应的触摸类型为触摸移动时，根据所述触摸移动的移动轨迹的位置数据，记录所述移动轨迹在画布标签上的轨迹坐标，包括：当所述签名事件对应的触摸类型为触摸移动时，判断是否存在所述画布数据对象；若存在所述画布数据对象，则记录所述触摸移动的移动轨迹中的每个位置的位置数据；将所述移动轨迹中的每个位置数据与所述画布标签位置数据进行比较，得到移动轨迹中的每个位置数据的坐标位置偏移量；根据所述每个位置数据的坐标位置偏移量，记录所述移动轨迹在画布标签上的轨迹坐标。

8、可选的，所述响应于用户的签名回溯请求，播放所述签名回溯请求对应的签名事件回溯视频，包括：响应于用户的签名回溯请求，获取所述签名回溯请求中的目标回溯码和目标时间戳；根据所述目标回溯码和所述目标时间戳，确定对应的目标签名事件；从多个签名事件回溯视频中提取出所述目标签名事件对应的目标签名事件回溯视频，播放所述目标签名事件回溯视频。

9、可选的，所述方法还包括：当所述子窗口通过所述子窗口对应的插件采集对应的签名事件数据时，所述子窗口向所述父窗口发送空白数据；当所述父窗口通过所述父窗口对应的插件采集用户操作数据时，所述父窗口向所述子窗口发送空白数据。

10、另一方面，提供了一种基于iframe的签名回溯装置，所述装置包括：添加模块，用于在父窗口和子窗口中分别加入对应的插件，其中所述子窗口通过iframe嵌入所述父窗口；生成模块，用于当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码；采集模块，用于所述子窗口对应的插件确定所述子窗口中的触摸事件为签名事件，采集所述签名事件对应的签名事件数据，其中所述签名事件数据与所述子回溯码关联；发送模块，用于所述子窗口对应的插件将所述子窗口中的签名事件数据发送给后端，以供所述后端根据接收到的签名事件数据生成对应的签名事件回溯视频；回溯模块，用于响应于用户的签名回溯请求，播放所述签名事件回溯视频。

11、再一方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：在父窗口和子窗口中分别加入对应的插件，其中所述子窗口通过iframe嵌入所述父窗口；当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码；所述子窗口对应的插件确定所述子窗口中的触摸事件为签名事件，采集所述签名事件对应的签名事件数据，其中所述签名事件数据与所述子回溯码关联；所述子窗口对应的插件将所述子窗口中的签名事件数据发送给后端，以供所述后端根据接收到的签名事件数据生成对应的签名事件回溯视频；响应于用户的签名回溯请求，播放所述签名回溯请求对应的签名事件回溯视频。

12、又一方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：在父窗口和子窗口中分别加入对应的插件，其中所述子窗口通过iframe嵌入所述父窗口；当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码；所述子窗口对应的插件确定所述子窗口中的触摸事件为签名事件，采集所述签名事件对应的签名事件数据，其中所述签名事件数据与所述子回溯码关联；所述子窗口对应的插件将所述子窗口中的签名事件数据发送给后端，以供所述后端根据接收到的签名事件数据生成对应的签名事件回溯视频；响应于用户的签名回溯请求，播放所述签名回溯请求对应的签名事件回溯视频。

13、上述基于iframe的签名回溯方法、装置、设备和存储介质，所述方法包括：在父窗口和子窗口中分别加入对应的插件，其中所述子窗口通过iframe嵌入所述父窗口；当所述父窗口和所述子窗口加载完成对应的插件后，所述子窗口接收所述父窗口发送的回溯码和时间戳，生成子回溯码；所述子窗口对应的插件确定所述子窗口中的触摸事件为签名事件，采集所述签名事件对应的签名事件数据，其中所述签名事件数据与所述子回溯码关联；所述子窗口对应的插件将所述子窗口中的签名事件数据发送给后端，以供所述后端根据接收到的签名事件数据生成对应的签名事件回溯视频；响应于用户的签名回溯请求，播放所述签名回溯请求对应的签名事件回溯视频。如此，可以解决跨域造成的iframe页面无法回溯的问题，并且在对第三方页面侵入极少的情况下实现签名回溯。