跨域数据处理方法、装置、设备及存储介质

技术领域

本发明一般涉及互联网技术领域，具体涉及一种跨域数据处理方法、装置、设备及存储介质。

背景技术

域名是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位。每一个网站都对应唯一的域名，在不同网站之间的切换访问可称为跨域跳转，例如，在浏览器中点击一个网站中另一个网站的链接即为页面的跨域跳转。而由于浏览器的安全限制，对于跨域名页面间相互直接通信是不允许的，因此，对页面的跨域操作的研究显得尤为重要。

目前，相关技术中在跨域操作时，可以通过建立长连接或websocket等实时网络通信技术与服务器进行网络通信，从而实现跨域数据传递和数据信息的同步，然而该方法会占用大量网络资源，使得信息交互不稳定，同时需要服务器代理配置等操作，其实现方式比较繁琐，导致跨域并不彻底，并且信息通过网络进行传输的过程中需要传递包括cookie中的用户敏感信息，存在安全风险，导致数据传输安全性低。

发明内容

鉴于现有技术中的上述缺陷或不足，期望提供一种跨域数据处理方法、装置、设备及存储介质。

第一方面，本申请提供了一种跨域数据处理方法，该方法包括：

获取第一域名页面的页面数据；

将所述页面数据通过消息传输接口发送至第一中间映射组件，所述第一中间映射组件包括预设的与第二域名同源的弹窗，所述弹窗用于建立所述第一域名页面和第二域名页面之间的通信连接；

通过所述第一中间映射组件对所述页面数据进行处理，得到第二域名页面；

对所述第一域名页面和所述第二域名页面的数据状态进行监听管理。

在其中一个实施例中，所述第一中间映射组件包括接收器和过滤器，通过所述第一中间映射组件对所述页面数据进行处理，得到第二域名页面，包括：

通过所述接收器接收所述页面数据；

按照预设的数据过滤规则，采用所述过滤器对所述页面数据进行处理，确定所述页面数据中是否存在第一域名页面和所述第二域名页面的待同步信息；

当存在所述待同步信息时，基于所述待同步信息生成所述第二域名页面。

在其中一个实施例中，所述第一中间映射组件还包括缓存器，基于所述待同步信息生成所述第二域名页面，包括：

将所述待同步信息存储在所述缓存器中；

对所述缓存器上的所述待同步信息进行渲染处理，生成所述第二域名页面。

在其中一个实施例中，确定所述页面数据中是否存在第一域名页面和所述第二域名页面的待同步信息之后，所述方法还包括：

当所述页面数据中不存在所述待同步信息时，将所述页面数据存储在所述第一域名页面对应的数据库中。

在其中一个实施例中，对所述第一域名页面与所述第二域名页面的数据状态进行监听管理，包括：

通过所述第一中间映射组件获取所述一域名页面与所述第二域名页面的数据状态；

分别采用第一状态监听管理组件和第二状态监听管理组件对所述数据状态进行监听管理，所述第一状态监听管理组件为所述第一域名页面对应的监听组件，所述第二状态监听管理组件为所述第二域名页面对应的监听组件。

在其中一个实施例中，所述方法还包括：

接收对第二域名页面的修改操作指令，所述修改操作指令中携带有修改操作数据；

将所述修改操作数据通过所述消息传输接口发送至第二中间映射组件，所述第二中间映射组件包括预设的与第一域名同源的弹窗；

通过所述第二中间映射组件对所述修改操作数据进行处理，以使所述第一域名页面同步保存所述修改操作数据。

在其中一个实施例中，通过所述第二中间映射组件对所述修改操作数据进行处理，以使所述第一域名页面同步保存所述修改操作数据，包括：

通过所述第二中间映射组件从所述修改操作数据中获取修改数据标识和与所述修改标识对应的修改行为；

当判断出所述第一域名页面中存在所述修改标识时，将所述修改标识对应的修改行为同步保存在所述第一域名页面对应的数据库中。

第二方面，本申请提供了一种跨域数据处理装置，该装置包括：

获取模块，用于获取第一域名页面的页面数据；

发送模块，用于将所述页面数据通过消息传输接口发送至第一中间映射组件，所述第一中间映射组件包括预设的与第二域名同源的弹窗，所述弹窗用于建立所述第一域名页面和第二域名页面之间的通信连接；

处理模块，用于通过所述第一中间映射组件对所述页面数据进行处理，得到第二域名页面；

管理模块，用于对所述第一域名页面和所述第二域名页面的数据状态进行监听管理。

第三方面，本申请实施例提供一种终端设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行该程序时实现如第一方面的方法。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序用于实现如第一方面所述的方法。

本申请实施例提供的跨域数据处理方法、装置、设备及存储介质，通过获取第一域名页面的页面数据，并将页面数据通过消息传输接口发送至第一中间映射组件，该第一中间映射组件包括预设的与第二域名同源的弹窗，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，并通过第一中间映射组件对页面数据进行处理，得到第二域名页面，然后对第一域名页面和第二域名页面的数据状态进行监听管理。与现有技术相比，该方案无需与服务器产生多余的数据交互和配置操作，节省了服务器网络资源，简化了服务器运维难度，通过将页面数据通过消息传输接口发送至第一中间映射组件，从而自动实现第一域名页面和第二域名页面的跨域操作，提升了网页性能，并且在浏览器本地自动实现跨域名的数据状态的监听管理，提高了数据状态同步的安全性。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1为本申请实施例提供的跨域数据处理方法的流程示意图；

图2为本申请实施例提供的对数据状态进行监听管理方法的流程示意图；

图3为本申请实施例提供的跨域数据处理方法的流程示意图；

图4为本申请实施例提供的跨域数据处理方法的结构示意图；

图5为本申请实施例提供的跨域数据处理装置的结构示意图；

图6为本申请实施例提供的跨域数据处理装置的结构示意图；

图7为本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

可以理解，随着移动互联网信息技术的快速发展，越来越多的用户在日常生活中会使用到各种应用系统。在应用系统的使用过程中，经常需要在某一应用系统的页面中引入其他应用系统页面，实现不同页面间的跨域跳转，并且该应用系统的页面需要和其他应用系统页面进行相互通信，例如其他应用系统页面需要获得该应用系统页面上显示的用户名等。需要说明的是，跨域的产生来源于现代浏览器通用的“同源策略”，该同源策略指的是同协议、同域名、同端口。若在不同源的情况下访问，就称之为跨域。

目前，相关技术中通过jsonp(JSON with Padding)建立长连接或websocket等实时网络通信技术与服务器进行网络通信，从而实现跨域数据传递和数据信息的同步。其中，websocket是指一种在单个TCP连接上进行全双工通信的协议，然而该方法会占用大量的网络资源，使得信息交互不稳定，同时需要服务器代理配置等操作，其实现方式比较繁琐，导致跨域并不彻底，并且信息通过网络进行传输的过程中需要传递包括cookie中的用户敏感信息，存在安全风险，导致数据传输安全性低。其中，cookie是保存在客户端的纯文本文件，比如txt文件，当用户使用电脑通过浏览器进行访问网页的时候，服务器就会生成一个证书并返回给浏览器并写入用户的电脑，这个证书为cookie。jsonp是一种数据调用的方式，也是一种描述信息的格式和非官方跨域数据交互协议。

基于上述缺陷，本申请提供了一种跨域数据处理方法、装置、设备及存储介质，与相关技术相比，该方案无需与服务器产生多余的数据交互和配置操作，节省了服务器网络资源，简化了服务器运维难度，通过将页面数据通过消息传输接口发送至第一中间映射组件，从而自动实现第一域名页面和第二域名页面的跨域操作，提升了网页性能，并且在浏览器本地自动实现跨域名的数据状态的监听管理，提高了数据状态同步的安全性。

本申请实施例提供的跨域数据处理方法可以应用于终端设备。

可选的，上述终端设备可以包括智能手机、平板电脑、计算机、掌上游戏机以及智能家电等安装有操作系统的设备，智能家电如智能电视等，本申请实施例中对操作系统的类型不做限定，例如可以包括安卓(Android)操作系统、窗口(Windows)操作系统以及苹果(ios)操作系统等。

上述终端设备中可以安装有至少一种浏览器，该浏览器可以打开各种不同的应用系统。其中，该应用系统比如可以是医疗系统、财务系统、人事系统等。

为了便于理解和说明，下面通过图1至图7详细阐述本申请实施例提供的跨域数据处理方法、装置、设备及存储介质。

图1所示为本申请实施例提供的跨域数据处理方法的流程示意图，该方法应用于终端设备，如图1所示，该方法包括：

S101、获取第一域名页面的页面数据。

具体的，上述第一域名页面是指用户通过在运行在终端设备上的浏览器对应的的输入框中输入第一域名后所呈现的页面。其中，该第一域名可以是任意应用系统对应的域名，例如可以是财务系统对应的域名，还可以是人事系统对应的域名。

当通过输入第一域名进入第一域名页面后，用户可以在第一域名页面上输入对应的数据信息，从而获取到第一域名页面的页面数据，该页面数据是指对第一域名页面进行操作产生的数据。例如当该第一域名页面为登录系统页面时，用户可以在该登录系统页面上输入用户名和登录密码，则将该用户名和登录密码作为登录系统页面对应的页面数据。

S102、将页面数据通过消息传输接口发送至第一中间映射组件，第一中间映射组件包括预设的与第二域名同源的弹窗，弹窗用于建立第一域名页面和第二域名页面之间的通信连接。

本步骤中，上述消息传输接口可以是运行在终端设备上的浏览器对应的消息接口，该消息传输接口可以为window.postMessage。需要说明的是，该window.postMessage是一个安全的、基于事件的消息API，能够安全地实现跨源通信，允许在两个域名页面系统之间发送和接收数据。

由于消息传输接口window.postMessage只能在同源窗口、文档窗口中的iframe、JavaScript打开的弹窗、页面中打开的窗口传递信息，不能完全满足独立窗口跨源的需求，因此，需要通过开发人员预先设置第一中间映射组件，该第一中间映射组件可以包括预设的与第二域名同源的弹窗，该弹窗可以嵌套隐藏在第一域名系统中，例如可以是iframe弹窗。其中，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，能够用于第一域名页面与第二域名页面之间的数据交互。

需要说明的是，开发人员可以预先在第一中间映射组件中设置接收器和过滤器，其中，接收器用于接收第一域名页面的页面数据，过滤器用于对页面数据进行过滤处理，得到第一域名页面与第二域名页面的待同步信息。

在获取到第一域名页面的页面数据后，可以将该页面数据通过消息传输接口window.postMessage发送至第一中间映射组件。具体的，在通过window.postMessage将页面数据发送至第一中间映射组件时，可以通过postMessage函数实现，该postMessage函数包括两个参数，分别为message和targetOrigin。其中，message为需要发送到第一中间映射组件的页面数据，该页面数据可以是以字符串的形式；targetOrigin是指消息要发送的窗口的URL，即第一域名。

S103、通过第一中间映射组件对页面数据进行处理，得到第二域名页面。

本实施例中，上述第一中间映射组件可以包括预先配置的接收器和过滤器，可以通过接收器接收页面数据，并按照预设的数据过滤规则，采用过滤器对页面数据进行处理，确定页面数据中是否存在第一域名页面和第二域名页面的待同步信息，当页面数据中存在待同步信息时，基于该待同步信息生成第二域名页面；当页面数据中不存在待同步信息时，将该页面数据存储在第一域名页面对应的数据库中。

需要说明的是，上述接收器用于接收第一域名系统发送的第一域名页面的页面数据。上述过滤器用于按照预设的数据过滤规则，对页面数据进行过滤处理，以得到待同步信息。上述待同步信息是指第一域名页面和第二域名页面上预先定义好的需要同步的信息，例如可以是用户的登录信息，包括用户名和登录密码。

具体地，上述第一中间映射组件还包括缓存器，该缓存器可以是storage缓存，可以将待同步信息存储在缓存器中，然后对缓存器上的待同步信息进行渲染处理，生成第二域名页面。由于同源同域名的浏览器页面中的cookie还是storage都是可以共享的，第二域名系统在生成第二域名页面时，可以自动从缓存器上监听以获取对应的待同步信息，从而基于该待同步信息和基础页面生成组件，实现待同步信息等数据的实时共享，进而生成第二域名页面。

S104、对第一域名页面和第二域名页面的数据状态进行监听管理。

本步骤中，由于第一域名页面和第二域名页面存在同步信息，可以通过基于跨域名vue项目框架的vuex中实现对第一中间映射组件中数据状态的订阅发布和监听，从而实现对第一域名页面和第二域名页面的数据状态的监听和管理。

可选的，图2为对第一域名页面和第二域名页面的数据状态进行监听管理方法的流程示意图，如图2所示，该方法包括：

S201、通过第一中间映射组件获取一域名页面与第二域名页面的数据状态。

S202、分别采用第一状态监听管理组件和第二状态监听管理组件对所述数据状态进行监听管理。

具体的，可以通过第一中间映射组件获取一域名页面与第二域名页面的数据状态，并分别采用第一状态监听管理组件和第二状态监听管理组件对数据状态进行监听管理。

其中，上述第一状态监听管理组件为第一域名页面对应的监听组件，第二状态监听管理组件为第二域名页面对应的监听组件。上述第一状态监听管理组件和第二状态监听管理组件可以是基于vue框架的vuex状态管理监听模块。上述数据状态可以包括数据动作和数据参数。该数据动作例如可以是对数据执行修改操作、新增操作和删除操作。

需要说明的是，vue框架，即vue.js，是一套构建用户界面的渐进式框架，vue采用自下向上增量开发的设计，能够实现数据绑定。基于vue框架能够根据对应的元素，进行设置元素数据，通过输入框，以及get获取数据等多种方式进行数据的实时绑定，进行网页及应用的数据渲染。基于vue框架能够进行组件式开发，可以将一个web开发中设计的各种模块进行拆分，变成单独的组件并进行数据、功能的绑定、封装。而vuex是一个专为vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，能够实现组件之间的数据共享。

本实施例中运用可行的浏览器跨源通信技术和基于vue的状态管理模式vuex通过动态订阅发布系统对第一域名页面和第二域名页面的数据状态进行监听管理，从而能够维护第一中间映射组件，进而对同一数据状态实现跨域名系统的状态管理。

可以理解的是，域名系统(Domain Name System，简称DNS)是互联网的一项服务，它作为将域名和IP地址相互映射的一个分布式数据库，能够使得用户更方便地访问互联网，DNS使用UDP端口53，当前，对于每一级域名长度的限制是63个字符，域名总长度则不能超过253个字符。

本实施例通过获取第一域名页面的页面数据，并将页面数据通过消息传输接口发送至第一中间映射组件，该第一中间映射组件包括预设的与第二域名同源的弹窗，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，并通过第一中间映射组件对页面数据进行处理，得到第二域名页面，然后对第一域名页面和第二域名页面的数据状态进行监听管理。与现有技术相比，该方案无需与服务器产生多余的数据交互和配置操作，节省了服务器网络资源，简化了服务器运维难度，通过将页面数据通过消息传输接口发送至第一中间映射组件，从而自动实现第一域名页面和第二域名页面的跨域操作，提升了网页性能，并且在浏览器本地自动实现跨域名的数据状态的监听管理，提高了数据状态同步的安全性。

在上述实施例的基础上，作为一种可实现方式，图3为本申请实施例提供的修改操作数据同步方法的流程示意图，

如图3所示，该方法包括：

S301、接收对第二域名页面的修改操作指令，修改操作指令中携带有修改操作数据。

S302、将修改操作数据通过消息传输接口发送至第二中间映射组件，第二中间映射组件包括预设的与第一域名同源的弹窗。

S303、通过第二中间映射组件对修改操作数据进行处理，以使第一域名页面同步保存修改操作数据。

本步骤中，为了建立第一域名页面和第二域名页面之间的通信连接，开发人员预先设置第二中间映射组件，该第二中间映射组件包括预设的与第一域名同源的弹窗，该弹窗可以嵌套隐藏在第二域名系统中，例如可以是iframe弹窗。其中，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，能够用于第一域名页面与第二域名页面之间的数据交互。

具体的，在生成第一域名页面和第二域名页面之后，用户需要在第二域名页面中新增信息或修改信息，可以对第二域名页面执行修改操作，如执行更改用户登录密码的修改操作，使得终端接收到对第二域名页面的修改操作指令，该修改操作指令中携带有修改操作数据，然后将该修改操作数据通过消息传输接口发送至第二中间映射组件，以使第一域名页面同步保存该修改操作数据。其中，上述修改操作数据可以包括修改标识、修改行为，该修改标识为修改数据对应的唯一标识，修改行为可以是增加、删除、更改等行为。

可选的，可以通过第二中间映射组件从修改操作数据中获取修改数据标识和与修改标识对应的修改行为，然后判断该第一域名页面中是否存在该修改标识，当判断出第一域名页面中存在修改标识时，将修改标识对应的修改行为同步保存在第一域名页面对应的数据库中；当判断出第一域名页面中不存在该修改标识时，则无需与第一域名页面进行数据状态同步，可以直接将该修改标识对应的修改行为保存在第二域名页面对应的本地数据库中。

示例性地，请参见图4所示，以多个跨域名子系统管理同一用户信息状态实现依次登录多系统的应用场景为例，当用户在浏览器上输入A域名打开A域名页面后，该A域名页面可以是A域名系统对应的系统登录页面，用户可以在该A域名页面上输入用户名、用户密码等用户信息，从而使得终端获取到该A域名页面的页面数据，该页面数据包括用户名、用户密码等，然后用户可以在A域名页面点击登录操作，这时，会将A域名页面对应的页面数据通过消息传输接口window.postMessage发送至第一中间映射组件，即中间映射状态模块，该中间映射状态模块可以包括预设的与B域名同源的弹窗，该弹窗可以嵌套隐藏在A域名系统中，用于建立A域名页面和B域名页面之间的通信连接，且能够用于A域名页面和B域名页面之间的数据交互。

进一步地，可以通过中间映射状态模块中的接收容器接收A域名页面中的页面数据，然后按照预设的过滤规则，采用过滤器对页面数据进行处理，确定页面数据中是否存在A域名页面和B域名页面的待同步信息，当判断出页面数据中存在A域名页面和B域名页面的待同步信息时，将该待同步信息存储在storage缓存器中，由于同源同域名的浏览器页面中的storage都是可以共享的，在生成B域名页面时，可以自动从storage缓存器上监听以获取对应的待同步信息，该待同步信息例如可以是用户名和用户密码，从而基于该待同步信息和基础页面生成组件，实现A域名页面和B域名页面的待同步信息等数据的实时共享，进而生成B域名页面，当用户在B域名页面点击信息保存时，这时B域名页面与A域名页面同步的待同步信息会相应的同步保存，从而实现同步共享数据状态。当判断出页面数据中不存在A域名页面和B域名页面的待同步信息时，将该页面数据存储在A域名页面对应的数据库中。

其中，A域名页面和B域名页面中分别对应配置有vuex状态管理监听模块，可以分别通过vuex状态管理监听模块的订阅发布系统对A域名页面和B域名页面的数据状态进行监听，从而间接达到维护同一中间映射状态模块，实现vue的vuex跨域状态管理。

进一步地，当检测到用户在B域名页面上执行修改操作，即接收到对B域名页面的修改操作指令，该修改操作指令中携带有修改操作数据，B域名页面对应的B域名系统可以将该修改操作数据通过消息传输接口window.postMessage发送至第二中间映射组件，即中间映射状态模块，该中间映射状态模块可以包括预设的与A域名同源的弹窗，中间映射状态模块可以从修改操作数据中获取修改数据标识和与修改标识对应的修改行为，然后判断该A域名页面中是否存在该修改标识，当判断出A域名页面中存在修改标识时，将修改标识对应的修改行为同步保存在所述A域名页面对应的数据库中；当判断出A域名页面中不存在该修改标识时，则无需与A域名页面进行数据状态同步，可以直接将该修改标识对应的修改行为保存在B域名页面对应的本地数据库中，同时可以采用同步监听模块监听存储在storage缓存器中的数据和修改数据，从而保证跨域数据状态的同步共享。

本实施例运用可行的浏览器跨源通信技术和vue的状态管理模式vuex通过动态订阅发布系统维护同一中间映射状态模块实现跨域名的状态管理，有效解决了vue项目不同域名系统和页面组合应用需求中数据状态不能同步、信息传递难、可复用性和可维护差等问题，提升了跨域名页面开发效率，使得跨域状态管理更易维护，减少了不必要的数据交互操作，提升了页面交互性能。

应当注意，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。相反，流程图中描绘的步骤可以改变执行顺序。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

另一方面，图5为本申请实施例提供的一种跨域数据处理装置的结构示意图。该装置可以为终端内的装置，如图5所示，该装置600包括：

获取模块610，用于获取第一域名页面的页面数据；

发送模块620，用于将页面数据通过消息传输接口发送至第一中间映射组件，第一中间映射组件包括预设的与第二域名同源的弹窗，弹窗用于建立第一域名页面和第二域名页面之间的通信连接；

处理模块630，用于通过第一中间映射组件对页面数据进行处理，得到第二域名页面；

管理模块640，用于对第一域名页面和第二域名页面的数据状态进行监听管理。

可选的，如图6所示，上述处理模块630，包括：

接收单元631，用于通过接收器接收页面数据；

过滤单元632，用于按照预设的数据过滤规则，采用过滤器对页面数据进行处理，确定页面数据中是否存在第一域名页面和第二域名页面的待同步信息；

生成单元633，用于当存在待同步信息时，基于待同步信息生成第二域名页面。

可选的，上述处理模块630，包括：

将待同步信息存储在缓存器中；

对缓存器上的待同步信息进行渲染处理，生成第二域名页面。

可选的，上述处理模块630，包括：

当页面数据中不存在待同步信息时，将页面数据存储在第一域名页面对应的数据库中。

可选的，管理模块640，具体用于：

通过第一中间映射组件获取一域名页面与第二域名页面的数据状态；

分别采用第一状态监听管理组件和第二状态监听管理组件对数据状态进行监听管理，第一状态监听管理组件为第一域名页面对应的监听组件，第二状态监听管理组件为第二域名页面对应的监听组件。

可选的，上述装置，还用于：

接收对第二域名页面的修改操作指令，修改操作指令中携带有修改操作数据；

将修改操作数据通过消息传输接口发送至第二中间映射组件，第二中间映射组件包括预设的与第一域名同源的弹窗；

通过第二中间映射组件对修改操作数据进行处理，以使第一域名页面同步保存修改操作数据。

可选的，上述装置，还用于：

通过第二中间映射组件从修改操作数据中获取修改数据标识和与修改标识对应的修改行为；

当判断出第一域名页面中存在修改标识时，将修改标识对应的修改行为同步保存在第一域名页面对应的数据库中。

本申请实施例提供的跨域数据处理装置，获取模块通过获取第一域名页面的页面数据，发送模块通过并将页面数据通过消息传输接口发送至第一中间映射组件，该第一中间映射组件包括预设的与第二域名同源的弹窗，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，并通过处理模块采用第一中间映射组件对页面数据进行处理，得到第二域名页面，然后通过管理模块对第一域名页面和第二域名页面的数据状态进行监听管理。与现有技术相比，该方案无需与服务器产生多余的数据交互和配置操作，节省了服务器网络资源，简化了服务器运维难度，通过将页面数据通过消息传输接口发送至第一中间映射组件，从而自动实现第一域名页面和第二域名页面的跨域操作，提升了网页性能，并且在浏览器本地自动实现跨域名的数据状态的监听管理，提高了数据状态同步的安全性。

另一方面，本申请实施例提供的设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行该程序时实现如上述的跨域数据处理方法。

下面参考图7，图7为本申请实施例的终端设备的计算机系统的结构示意图。

如图7所示，计算机系统700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分703加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM703中，还存储有系统700操作所需的各种程序和数据。CPU 701、ROM702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。

特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在机器可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分703从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本申请的系统中限定的上述功能。

需要说明的是，本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，前述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元或模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中，例如，可以描述为：一种处理器，包括：获取模块、发送模块、处理模块及管理模块。其中，这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定，例如，获取模块还可以被描述为“用于获取第一域名页面的页面数据”。

作为另一方面，本申请还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中的。上述计算机可读存储介质存储有一个或者多个程序，当上述前述程序被一个或者一个以上的处理器用来执行描述于本申请的跨域数据处理方法：

获取第一域名页面的页面数据；

将所述页面数据通过消息传输接口发送至第一中间映射组件，所述第一中间映射组件包括预设的与第二域名同源的弹窗，所述弹窗用于建立所述第一域名页面和第二域名页面之间的通信连接；

通过所述第一中间映射组件对所述页面数据进行处理，得到第二域名页面；

对所述第一域名页面和所述第二域名页面的数据状态进行监听管理。

综上所述，本申请实施例提供的跨域数据处理方法、装置、设备及存储介质，通过获取第一域名页面的页面数据，并将页面数据通过消息传输接口发送至第一中间映射组件，该第一中间映射组件包括预设的与第二域名同源的弹窗，该弹窗用于建立第一域名页面和第二域名页面之间的通信连接，并通过第一中间映射组件对页面数据进行处理，得到第二域名页面，然后对第一域名页面和第二域名页面的数据状态进行监听管理。与现有技术相比，该方案无需与服务器产生多余的数据交互和配置操作，节省了服务器网络资源，简化了服务器运维难度，通过将页面数据通过消息传输接口发送至第一中间映射组件，从而自动实现第一域名页面和第二域名页面的跨域操作，提升了网页性能，并且在浏览器本地自动实现跨域名的数据状态的监听管理，提高了数据状态同步的安全性。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离所述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。