CN110300133B

CN110300133B - 跨域数据传输方法、装置、设备及存储介质

Info

Publication number: CN110300133B
Application number: CN201810241240.9A
Authority: CN
Inventors: 丁峰峰
Original assignee: Tenpay Payment Technology Co Ltd
Current assignee: Tenpay Payment Technology Co Ltd
Priority date: 2018-03-22
Filing date: 2018-03-22
Publication date: 2023-04-28
Anticipated expiration: 2038-03-22
Also published as: CN110300133A

Abstract

本发明实施例是关于一种跨域数据传输方法、装置、设备及存储介质，属于通信技术领域。所述方法包括：第一页面获取目标域中的第二页面地址，其中，第一页面与第二页面分属不同的域；根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面；通过第二页面与目标域进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

Description

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

技术领域

本发明涉及通信技术领域，特别涉及一种跨域数据传输方法、装置、设备及存储介质。

背景技术

随着网络技术的发展，Web应用对跨域数据传输的需求也越来越多。其中，Web应用是一种可以通过Web访问的应用程序，它最大好处是只要有浏览器用户即可使用，不需要安装其它软件。

目前，在实现跨域数据传输时，通常是处于第一域的web应用客户端先将要发送的数据发送给第一域对应的服务器(S01)，以使第一域对应的服务器根据上述数据生成对应的令牌(即token)(S02)，第一域对应的服务器将生成的token发送给第一域的web应用客户端(S03)。然后处于第一域的web应用，将携带有令牌的访问请求发送给处于第二域的web应用客户端(S04)，当第二域的web应用客户端接收到上述访问请求时，先对上述访问请求进行解析以获取访问请求中携带的令牌(S05)，然后将获取的令牌发送给第二域对应的服务器(S06)，以使第二域对应的服务器根据上述令牌，从第一域对应的服务器侧获取数据(S07)，之后第二域的web应用客户端(S08)即可直接从第二域的服务器中取出数据。可选如图1所示。

然而，发明人发现，利用上述方式实现跨域数据传输时，不仅需要处于不同域中的web应用客户端分别与所属域的后台服务器进行交互，而且关键数据的传输需要通过后台服务器实现，使得跨域数据的传输过程，不仅需要客户端与服务器间具有较高的耦合度，而且需要花费较长的时间，用户体验差。

发明内容

本发明实施例旨在至少在一定程度上解决相关技术中的技术问题之一。

为此，本发明实施例提供一种跨域数据传输方法，该方法包括：

第一页面获取目标域中的第二页面地址，其中，所述第一页面与所述第二页面分属不同的域；

根据所述第二页面地址，在所述第一页面中创建超文本标记语言标签，以在所述超文本标记语言标签中打开所述第二页面；

通过所述第二页面与所述目标域进行数据传输。

本发明实施例提供一种跨域数据传输装置，该装置包括：

获取模块，用于第一页面获取目标域对应的第二页面地址，其中，第一页面与所述第二页面分属不同的域；

创建模块，用于根据所述第二页面地址，在所述第一页面中创建超文本标记语言标签，以在所述超文本标记语言标签中打开所述第二页面；

数据传输模块，用于通过所述第二页面与所述目标域进行数据传输。

本发明实施例提供一种计算机设备，该计算机设备包括：

存储器及处理器，所述存储器存储有计算机程序，当所述处理器执行所述程序时实现所述的跨域数据传输方法。

本发明实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时，实现所述的跨域数据传输方法。

本发明实施例提供的跨域数据传输方法、装置、计算机设备及存储介质，在进行跨域数据传输时，第一页面首先获取目标域中的第二页面地址，然后根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，然后通过第二页面与目标域进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是现有技术中所属不同域的web应用在实现跨域访问时的数据交互示意图；

图2是本申请实施例提供的跨域数据传输的场景示意图；

图3是根据一示例性实施例示出的跨域数据传输方法的流程示意图；

图4是根据一示例性实施例示出的跨域数据传输方法的流程示意图；

图5是根据一示例性实施例示出的第一页面通过第二页面向第二页面写入数据的示意图；

图6是根据一示例性实施例示出的第一页面通过第二页面向目标域的会话存储区中写入数据的示意图；

图7是与图6对应的场景示意图；

图8是根据一示例性实施例示出的跨域数据传输方法的流程示意图；

图9是根据一示例性实施例示出的第一页面通过第二页面从第二页面读取数据的示意图；

图10是根据一示例性实施例示出的第一页面通过第二页面从目标域的会话存储区中读取数据的示意图；

图11是根据一示例性实施例示出的跨域数据传输装置的结构示意图；

图12是根据一示例性实施例示出的跨域数据传输装置的结构示意图；

图13是根据一示例性实施例示出的跨域数据传输装置的结构示意图；

图14是根据一示例性实施例示出的计算机设备的结构示意图；

图15是根据一示例性实施例示出的计算机设备的结构示意图。

通过上述附图，已示出本发明明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本发明构思的范围，而是通过参考特定实施例为本领域技术人员说明本发明的概念。

可选实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

本发明各实施例针对现有的web应用进行跨域数据传输时，不仅需要处于不同域中的web应用客户端分别与所属域对应的服务器进行交互，而且关键数据的传输需要通过后台服务器实现，使得跨域数据的传输过程，不仅需要客户端与服务器间具有较高的耦合度，而且需要花费较多的时间，用户体验差的问题，提出一种跨域数据传输方法。

本发明实施例提供的跨域数据传输方法，第一页面在进行跨域数据传世时，首先获取目标域对应的第二页面地址，其中第一页面与第二页面分属不同的域，然后根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，之后，第一页面即可通过第二页面与目标域直接进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

下面首先结合图2，对本申请实施例提供的跨域数据传输方法的使用场景进行详细说明。

实际应用中，为了提高各应用的用户量，各应用的客户端页面中通常会设置有其它应用的访问标签，从而用户在某一应用客户端页面中可以直接打开另一应用，若两个应用所属的域不同，此时就会产生跨域数据传输。

举例说明，如图2(a)所示，在A域Web应用的客户端浏览页面A(http://aa.com)中，包括B域页面B(http://bb.com)的访问标签，若用户在浏览页面A时，点击了页面B，此时在B域登录页面B时，若B域当前并无用户的登录信息，则需要从A域获取用户的登录信息，即在页面A和页面B之间需要进行跨域数据传输。

此时，如图2(b)所示，B域的Web应用客户端中的B页面就可以首先根据A域中A页面的地址，在B页面中创建超文本标记语言(iframe)标签，以在iframe标签中打开A页面，由于iframe标签为内联框架标签，因此在B页面中以iframe标签的形式打开A页面后，B页面即可直接与A页面进行数据传输。比如B页面首先向A页面发送获取登录信息的请求，之后，A页面即可在其所属域内(图中以session Storage为例)获取登录信息，并返回给B页面。

由于登录信息通常存储在A页面所属域的Cookies中、或者会话存储区(sessionStorage)中，因此从A页面在本地所属域对应的Cookies、或session Storage中即可直接获取登录信息，而无需向A域的服务器请求。由此可以看出，在本申请实施例提供的跨域数据传输方法，在进行跨域数据传输时，无需客户端与服务器进行交互，而直接通过客户端页面即可实现跨域数据传输，从而提高了跨域数据传输的速度，节省了跨域数据传输的时间。

可以理解的是，上述A域的Web应用客户端与B域的Web应用客户端位于同一终端中。在一个实施例中，终端可以为移动终端，移动终端可以包括手机、平板电脑、笔记本电脑、个人数字助理和穿戴式设备等中的至少一种。在另一个实施例中，终端还可以为台式计算机等设备。

下面结合附图，对本申请实施例提供的跨域数据传输方法、装置、设备及存储介质进行详细说明。

首先结合图3，对本发明实施例提供的跨域数据传输方法进行详细说明。

图3是根据一示例性实施例示出的跨域数据传输方法的流程示意图。

如图3所示，该跨域数据传输方法可以包括以下步骤：

步骤201，第一页面获取目标域中的第二页面地址，其中，第一页面与第二页面分属不同的域。

可选的，本发明实施例提供的跨域数据传输方法，可以由本发明实施例提供的计算机设备执行。其中，计算机设备中设置有跨域数据传输装置，跨域数据传输装置可以被配置在任意Web应用客户端中，从而使得该Web应用客户端可以在前端实现跨域数据传输。

其中，在本实施例中，第一页面、第二页面分别指不同web应用中的任一页面。可以理解的是，本实施例中的跨域数据传输方法可以由计算机设备中的第一页面所属域的Web应用客户端来执行，以下均以“第一页面”来指代“第一页面所属域的Web应用客户端”，“第二页面”来指代“第二页面所属域的Web应用客户端”。

在本实施例中，第一页面是指发起跨域数据传输的Web应用客户端中的页面；目标域，是指第一页面要访问的另一域，即第一页面所属域之外的其它域；第二页面，可以是目标域下的任一页面，或者，也可以是专门为实现跨域数据传输而创建的数据中转页面，比如，各域可以将其对应的第二页面的地址固定为：/xx/xxx/trans_data.shtml等等，本实施例对此不做可选限定。

在本申请一种可选的实现形式中，可以预先在各Web应用客户端中预置其它各域对应的第二页面地址，从而第一页面确定要访问的目标域后，即可通过查询预置的数据，确定目标域中的第二页面地址；或者，各Web应用客户端已知其它各域对应的第二页面地址的命名方式，从而Web应用客户端中的第一页面在确定要访问的目标域后，即可根据已知的第二页面地址的命名方式，确定目标域中的第二页面地址等等。此处对此不做限定。

步骤202，根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面。

其中，超文本标记语言标签，可以为Iframe标签。

可选的，在获取到目标域对应的第二页面地址后，第一页面所属域的客户端即可在第一页面中创建Iframe标签，比如，可以通过将Iframe标签的src属性值设置为第二页面的地址，以实现在第一页面中以子页面Iframe标签的形式打开第二页面。其中，可选的，在第一页面中打开第二页面时，第二页面是不可见的。

步骤203，通过第二页面与目标域进行数据传输。

需要说明的是，由于第二页面是目标域中的页面，其可以直接获取目标域中的数据，或者向目标域写入数据，且第二页面又为第一页面中的iFrame标签，而iFrame标签为内联框标签，其可以使iFrame标签所在的页面及其指向的页面之间直接进行数据传输，因此，通过在第一页面中以Iframe标签的形式打开第二页面之后，第一页面即可直接与第二页面进行数据传输，即第一页面即可与目标域进行数据传输。其中，数据传输可以包括获取数据和推送数据。

相应的，上述步骤203，根据数据传输的方向，具体包括：

通过所述第二页面从所述目标域中读取数据。

或者，

向所述第二页面发送数据，以使所述第二页面将所述数据写入所述第二页面所属的目标域中。

需要说明的是，第二页面中可以包含有特定功能的脚本，从而使第二页面可以执行从第二页面所属的目标域中读取数据，或者将从第一页面获取的数据写入目标域的特定位置的操作。

本申请实施例中，若第一页面要从目标域获取数据，则在第一页面中以Iframe标签的形式打开第二页面后，第一页面即可向第二页面发送数据获取请求，之后第二页面即可直接从其所属域中读取数据，进而将读取的数据直接发送给第一页面。从而仅通过前端交互，就实现了跨域数据传输，节省了跨域数据传输的时间，改善了用户体验。

需要说明的是，第一页面向第二页面请求数据后，第二页面可以直接从本地其所属域中获取，也可以通过从第二页面所属域对应的服务器中请求。

举例来说，若第一页面要获取的数据，存在于第二页面所属域的cookie、localstorage、或session Storage中，那么第二页面可以直接在本地终端中读取其所属域的cookie、localstorage、或session Storage，来获取该数据。

通常，由于session Storage是针对一个session的数据存储,当用户关闭窗口后或者预设的时长内未对该窗口进行操作时，数据会被删除；localStorage中的数据始终有效，窗口或浏览器关闭也一直保存；cookie中的数据只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。因此，第一页面也可以根据各类型数据的存储特性，按一定的访问顺序，依次访问各种数据。

在本实施例一种实现形式中，若第一页面向目标域发送数据，则可在第一页面中以iFrame的形式打开第二页面后，直接将待发送的数据发送给第二页面即可。之后第二页面即可将接收到的数据存储在session storage、local storage等中。

可选的，为了保证第一页面和目标域之间传输数据的安全性，本实施例第一页面与第二页面之间，可以通过postMessage方式进行数据传输。

可选实现时，第一页面可以为postMessage设置白名单，从而在与第二页面进行数据传输之前，先判断目标域是否在白名单中，若在，则确定目标域合法，进而再通过第二页面与目标域进行数据传输。

在一种可选的实现形式中，可以在第一页面中创建iFrame标签之前，先判断第二页面所属的目标域是否在白名单中。在另一种可选的实现形式中，也可以在第一页面中创建iFrame标签之后，再判断第二页面所属的目标域是否在白名单中。在另一种可选的实现形式中，还可以根据跨域传输的数据类型或者数量，设置不同的白名单。比如，A域为postMessage设置的白名单X，用于对跨域传递的数据为登录信息时进行合法性校验，设置的白名单Y，用于对跨域传递的数据为“支付”信息时进行合法性校验，且白名单X和白名单Y中包括的域名不完全相同。这样，当A域在进行跨域传输时，若确定当前传输的数据为登录信息，则可以判断当前目标域是否在白名单X中，若在，则可以将登录信息传递给目标域，或者从目标域获取登录信息。

本发明实施例提供的跨域数据传输方法，第一页面首先获取目标域中的第二页面地址，然后根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，然后通过第二页面与目标域进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

通过上述分析可知，本发明实施例通过在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开属于目标域的第二页面，从而通过第二页面与目标域进行数据传输。其中，第一页面通过第二页面与目标域进行数据传输时，可以是通过第二页面向目标域推送数据，也可以是通过第二页面从目标域获取数据。下面结合图4，对上述第一页面通过第二页面向目标域推送数据的过程进行详细说明。

图4是根据一示例性实施例示出的跨域数据传输方法的流程示意图。

如图4所示，该跨域数据传输方法可以包括以下步骤：

步骤301，第一页面获取目标域中的第二页面地址，其中，第一页面与第二页面分属不同的域。

步骤302，根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，并通过第二页面向目标域发送数据推送请求。

其中，第一页面可以在打开第二页面后直接将数据推送请求发送给第二页面；或者，也可以在创建Iframe标签时，直接将待推送的数据携带在Iframe标签的参数中，以使第二页面在打开后，根据Iframe标签的参数即可获取数据推送请求。

需要说明的是，为了方便后续目标域对第一页面的合法性验证，第一页面在向目标域发送数据推送请求时，可将自身的标识信息携带在上述数据推送请求中，以使第二页面在接收到数据推送请求时，对第一页面的身份合法性进行验证。

其中，标识信息可以为第一页面所属域的域名，或者，ID等等，本实施例对此不作限定。

步骤303，接收第二页面返回的接收响应消息。

其中，接收响应消息可以为postMessage-ready消息。

在本实施例中，当第一页面向第二页面发送数据推送请求之后，第一页面可根据预先设置的***，对第二页面接收到的消息进行监听，以接收第二页面返回的接收响应消息。其中，在本实施例中，预先设置的***可以位于第二页面上。

另外，当第二页面获取到第一页面发送的数据推送请求之后，可先对数据推送请求进行解析，以获取到数据推送请求中携带的第一页面的标识信息，然后将上述标识信息与预设的白名单进行匹配。若匹配成功，则确定第一页面合法，若匹配失败，则确定第一页面不合法。当确定第一页面合法时，第二页面可向第一页面发送接收响应消息，即postMessage-ready。

步骤304，向第二页面发送数据。

可选的，当第一页面接收到第二页面返回的接收响应消息之后，第一页面可将相应的数据发送给第二页面，以使第二页面将上述数据写入目标域中。

下面通过图5，以第一页面向第二页面推送数据，第二页面将获取的数据写入sessionStorage为例，对上述第一页面向目标域推送数据的过程进行进一步说明：

假设第一页面为主站，第二页面为位于主站Web客户端中的第三方，那么主站向第三方推送数据的过程，可包括以下步骤：

步骤10：主站获取第三方所属域对应的第二页面地址：/mb/inc/trans_data.shtml；

步骤11：主站根据/mb/inc/trans_data.shtml，建立Iframe标签，以通过Iframe标签打开第二页面，并向第二页面发送数据推送请求(a)；

步骤12：第三方对接收的新消息进行解析，并对主站合法性进行校验；

步骤13：若确定主站合法，则向主站发送接收响应消息(即postMessage-ready)；

步骤14：主站监听到第三方返回的postMessage-ready时，利用PostMessage将相应数据推送给第三方。

可选的，在本发明的一个示例性实施例中，当第一页面通过第二页面向目标域的会话存储区中写入数据之后，还可以通过第一页面调起目标域的第三页面，以使第三页面根据会话存储区中写入的数据进行页面渲染，从而使得用户可以查看数据写入结果、或在第三页面进行支付等操作。

其中，第三页面可以是指数据写入完成的界面、或者是支付操作界面等等，此处对其不作限定。

为了更清楚描述本发明的实施例，下面通过图6和图7，以下述可能的实现场景为例，对本申请实施例提供的第一页面向目标推送数据的过程进行进一步说明。

实现场景：B域Web应用在A域Web应用的页面中有一个访问标签，用户在A域Web客户端中，通过该访问标签打开了B域Web应用，并在B域Web应用中，购买了商品，而B域Web应用中无法进行支付，需要跳转回A域Web应用的支付页面进行商品支付。其中，B域Web应用跳回A域Web应用的支付界面进行商品支付时，对应数据传输为B域Web应用利用访问标签加载A域Web应用的第二页面，然后将交易数据推送给A域Web应用，以使A域Web应用根据B域Web应用发送的交易数据，渲染支付页面，以进行支付操作。可选的，A域和B域之间的数据传输过程如图6及7所示，其中图6为数据传输过程信令图，图7为场景示意图。

S1、用户从A域Web应用跳转到B域web应用；

S2、B域web检测本地(session)无用户的登录态；

S3、B域web在当前页面中利用iframe标签加载A域的第二页面；

S4、A域第二页面通过postMessage向B域web发送登录态数据；

S5、B域web利用登录态数据进行登录页面渲染；

S6、用户在B域web中购买商品，并发起支付过程；

S7、B域web利用iframe标签加载A域的第二页面；

S8、将交易数据推送给A域Web；

S9、B域web确定交易数据推送结束后，跳转至A域中的支付页面；

S10、A域根据获取的数据对支付页面进行渲染，以使用户进行支付操作。

需要说明的是，在支付完成后，可以根据需要继续跳回B域web页面，也可以留在A域web页面。

可选的，若要实现在支付完成后，跳回B域web页面，B域可以在向A域推送交易数据时，同时将支付完成后需要跳回的页面地址推送给A域，从而A域支付页面在获取交易数据时，可以同时获取待跳回的页面地址，进而在确定支付完成后，根据该地址直接跳回B域。

本发明实施例提供的跨域数据传输方法，第一页面利用iframe标签加载目标域中的第二页面，然后利用PostMessage向第二页面发送要推送的数据，再利用第二页面将要推送的数据写入目标域。由此，实现了利用前端页面进行跨域数据传输，从而有效节省了不同域中页面间数据传输的时间，使得数据交互更加便捷高效，提升了用户体验，并且通过PostMessage进行跨域数据传输，还保证了数据的安全性，为用户保护数据安全提供了条件。

通过上述分析可知，第一页面可以直接通过前端页面交互向目标域推送数据。在本发明的另一情形中，第一页面还可通过第二页面从目标域中读取数据，以根据读取的数据进行相应操作。下面结合图8，对上述第一页面通过第二页面从目标域中读取数据的过程进行详细说明。

图8是根据一示例性实施例示出的跨域数据传输方法的流程示意图。

如图8所示，该跨域数据传输方法可以包括以下步骤：

步骤601，第一页面获取目标域中的第二页面地址，其中，第一页面与第二页面分属不同的域。

步骤602，确定待获取的目标数据标识。

其中，可根据实际需要确定待获取的目标数据标识，本实施例对此不作限定。

例如，若第一页面当前需要登录信息时，则可以将登录信息确定为目标数据，且将Administrator作为目标数据的标识。

步骤603，根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，并向第二页面发送数据读取请求。

其中，数据读取请求中可以包括：待获取的目标数据标识，及第一页面的标识信息等。

可以理解的是，为了方便后续第二页面对第一页面的合法性验证，第一页面在向第二页面发送数据读取请求时，可将自身的标识信息携带在上述数据读取请求中，以使第二页面在接收到数据读取请求时，对第一页面的合法性进行验证。

步骤604，接收第二页面返回的数据。

可选的，当第一页面向第二页面发送了数据读取请求之后，即可根据预先设置的***，对第二页面发送的消息进行监听，以接收第二页面返回的目标数据。

另外，当第二页面获取到第一页面发送的数据读取请求之后，可先对数据读取请求进行解析，以获取到数据读取请求中携带的第一页面的标识信息，然后将上述标识信息与预设的白名单进行匹配。若匹配成功，则确定第一页面合法，若匹配失败，则确定第一页面不合法。当确定第一页面合法时，第二页面即可根据数据读取请求中携带的待获取的目标数据标识，从目标域中读取对应的目标数据，并将目标数据发送给第一页面，以使第一页面根据目标数据执行对应操作。

在本实施例中，预设的白名单中存储有合法的域名，且上述预设的白名单可以是设备默认设置，也可以是用户自定义设置的，本实施例对此不作限定。

下面结合图9，对第一页面通过第二页面从目标域的会话存储区中读取数据的过程进行示例性说明：

假设第一页面为A域Web应用中的页面，第二页面为B域Web应用中的页面，那么A域Web应用从B域Web应用的session中读取数据时，可包括以下步骤：

步骤20：A域Web应用客户端获取B域Web应用对应的第二页面地址：/mb/inc/trans_data.shtml；

步骤21：A域Web应用客户端根据/mb/inc/trans_data.shtml，建立Iframe标签，以通过第二页面向B域发送数据读取请求a。

其中，数据读取请求中可携带待获取的目标数据标识b。

步骤22：B域Web应用客户端对接收的数据读取请求a进行解析，以对A域Web应用客户端合法性进行确定。

其中，B域Web应用客户端可以通过预设的***对第二页面进行监听，来获取数据读取请求消息。

步骤23：若确定A域合法时，则根据数据读取请求a中的待获取的目标数据标识b，从所属域的session中读取对应的目标数据；

步骤24：B域Web应用客户端中的第二页面利用PostMessage将目标数据发送给A域Web应用客户端页面。

可选的，在实际应用时，由于页面所属域的会话存储区中存储的数据信息通常具有有效时间的，因此当第二页面根据待获取的目标数据标识，从目标域的会话存储区中获取目标数据时，就存在获取失败的情况。此时，为了使得第二页面能够及时获取到上述数据，本实施例还可在目标数据获取失败时，确定目标域中与目标数据对应的第四页面地址，进而根据第四页面的地址，跳回第四页面，以通过在第四页面进行进一步操作，以获取相应的目标数据。

下面结合图10，对第一页面通过第二页面向目标域的会话存储区中读取数据时，而目标域中无要读取的数据的情况进行详细说明。

假设第一页面为A域Web应用客户端中的页面，第二页面为B域Web应用客户端中的页面，用户从A域Web客户端中直接访问B域Web应用的过程，可选如下：

S1、用户从A域Web应用客户端中的页面跳转到B域Web应用；

S2、B域Web应用客户端检测本地无用户的登录态；

S3、B域Web应用客户端在当前页面中利用iframe标签加载A域的第二页面；

S4、B域Web应用客户端确定未获取到第二页面返回的登录态数据；

其中，当B域Web应用客户端通过第二页面从A域Web应用客户端中获取登录态数据时，可能会因为A域中存储的登录态数据超过时效，或者，没有登录态数据，而导致B域Web应用客户端无法通过第二页面获取到登录态数据。

S5、B域Web应用客户端确定A域中与登录态数据对应的登录页面地址；

S6、B域Web应用客户端跳回A域中的登录页面；

其中，B域Web应用客户端跳回A域中的登录页面，对应数据传输可选为B域Web应用客户端利用访问标签加载A域的第二页面，然后将登录页面地址数据推送给A域，以使A域根据B域Web应用发送的登录页面地址加载对应的登录页面。

S7、B域Web应用客户端在登录页面进行登录认证；

S8、跳回到B域Web应用客户端；

S9、B域Web应用客户端在当前页面中利用iframe标签加载A域的第二页面；

S10、第二页面通过postMessage向B域Web应用客户端发送登录态数据；

S11、B域Web应用客户端利用登录态数据进行登录页面渲染。

本发明实施例提供的跨域数据传输方法，首先第一页面利用iframe标签加载目标域中的第二页面，然后第二页面从目标域中读取相应的目标数据，并将读取的目标数据通过PostMessage发送给第一页面。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。并且通过PostMessage进行跨域数据传输，还保证了数据的安全性，为用户保护数据安全提供了条件。

在示例性实施例中，还提供了一种跨域数据传输装置。

图11是根据一示例性实施例示出的跨域数据传输装置的结构示意图。

参照图11所示，本发明的跨域数据传输装置，包括：获取模块110、创建模块120和数据传输模块130。

其中，获取模块110用于使第一页面获取目标域中的第二页面地址，其中，第一页面与所述第二页面分属不同的域；

创建模块120用于根据所述第二页面地址，在所述第一页面中创建超文本标记语言标签，以在所述超文本标记语言标签中打开所述第二页面；

数据传输模块130用于通过所述第二页面与所述目标域进行数据传输。

在一种可选的实现形式中，所述数据传输模块130，具体用于：

通过所述第二页面从所述目标域中读取数据；

或者，

需要说明的是，前述对跨域数据传输方法实施例的解释说明也适用于该实施例的跨域数据传输装置，其实现原理类似，此处不再赘述。

其中，该跨域数据传输装置，可以被配置在任一Web应用客户端中，以使得该Web应用可以与其它域的页面通过前台交互，进行跨域数据传输。

本发明实施例提供的跨域数据传输装置，第一页面首先获取目标域中的第二页面地址，然后根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，然后通过第二页面与目标域进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

图12是根据一示例性实施例示出的跨域数据传输装置的结构示意图。

参见图12，该跨域数据传输装置可以包括：

获取模块110用于使第一页面获取目标域中的第二页面地址，其中，第一页面与所述第二页面分属不同的域；

在一种可选的实现形式中，本发明实施例跨域数据传输装置，还包括：接收模块140。

其中，接收模块140用于接收所述第二页面返回的接收响应消息。

在一种可选的实现形式中，本发明实施例跨域数据传输装置，还包括：渲染模块150。

其中，渲染模块150用于调起所述目标域中的第三页面，以使所述第三页面根据所述目标域中写入的数据进行页面渲染。

本发明实施例提供的跨域数据传输装置，第一页面利用iframe标签加载目标域中的第二页面，然后利用PostMessage向第二页面发送要推送的数据，再利用第二页面将要推送的数据写入目标域。由此，实现了利用前端页面进行跨域数据传输，从而有效节省了不同域中页面间数据传输的时间，使得数据交互更加便捷高效，提升了用户体验，并且通过PostMessage进行跨域数据传输，还保证了数据的安全性，为用户保护数据安全提供了条件。

图13是根据一示例性实施例示出的跨域数据传输装置的结构示意图。

参见图13，该跨域数据传输装置可以包括：

在一种可选的实现形式中，本发明实施例跨域数据传输装置，还包括：第一确定模块160。

其中，第一确定模块160用于确定待获取的目标数据标识；

数据传输模块130用于向第二页面发送数据读取请求；

根据所述待获取的目标数据标识，通过所述第二页面从所述目标域中读取目标数据。

在一种可选的实现形式中，本发明实施例跨域数据传输装置，还包括：

第二确定模块，用于若所述目标域中未包括所述目标数据，则确定所述目标域中与所述目标数据对应的第四页面的地址；

跳转模块，用于根据所述第四页面的地址，跳回所述第四页面。

在一种可选的实现形式中，本发明实施例跨域数据传输装置，还包括：第三确定模块。其中，第三确定模块，用于确定所述目标域合法。

在示例性实施例中，还提供了一种计算机设备。

图14是根据一示例性实施例的计算机设备的结构示意图。图14显示的计算机设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

参照图14，该计算机设备200包括：存储器210及处理器220，所述存储器210存储有计算机程序，所述计算机程序被处理器220执行时，使得所述处理器220执行如下步骤：第一页面获取目标域中的第二面地址，其中，所述第一页面与所述第二页面分属不同的域；根据所述第二页面地址，在所述第一页面中创建超文本标记语言标签，以在所述超文本标记语言标签中打开所述第二页面；通过所述第二页面与所述目标域进行数据传输。。

在一个实施例中，所述通过所述第二页面与所述目标域进行数据传输，包括：通过所述第二页面从所述目标域中读取数据；或者，向所述第二页面发送数据，以使所述第二页面将所述数据写入所述第二页面所属的目标域中。

在一个实施例中，所述向所述第二页面发送数据之前，还包括：接收所述第二页面返回的接收响应消息。

在一个实施例中，所述向所述第二页面发送数据之后，还包括：调起所述目标域中的第三页面，以使所述第三页面根据所述目标域中写入的数据进行页面渲染。

在一个实施例中，所述创建超文本标记语言标签之前，还包括：确定待获取的目标数据标识；所述通过所述第二页面从所述目标域中读取数据，包括：根据所述待获取的目标数据标识，通过所述第二页面从所述目标域中读取目标数据。

在一个实施例中，所述通过所述第二页面从所述目标域中读取目标数据之后，还包括：若所述目标域中未包括所述目标数据，则确定所述目标域中与所述目标数据对应的第四页面的地址；根据所述第四页面的地址，跳回所述第四页面。

在一个实施例中，所述通过所述第二页面与所述目标域进行数据传输之前，还包括：确定所述目标域合法。

在一种可选的实现形式中，如图15所示，该计算机设备200还可以包括：存储器210及处理器220，连接不同组件(包括存储器210和处理器220)的总线230，存储器210存储有计算机程序，当处理器220执行所述程序时实现本发明实施例所述的跨域数据传输方法。

总线230表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，***总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及***组件互连(PCI)总线。

计算机设备200典型地包括多种计算机设备可读介质。这些介质可以是任何能够被计算机设备200访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储器210还可以包括易失性存储器形式的计算机***可读介质，例如随机存取存储器(RAM)240和/或高速缓存存储器250。计算机设备200可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机***存储介质。仅作为举例，存储***260可以用于读写不可移动的、非易失性磁介质(图10未显示，通常称为“硬盘驱动器”)。尽管图10中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线230相连。存储器210可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块270的程序/实用工具280，可以存储在例如存储器210中，这样的程序模块270包括——但不限于——操作***、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块270通常执行本发明所描述的实施例中的功能和/或方法。

计算机设备200也可以与一个或多个外部设备290(例如键盘、指向设备、显示器291等)通信，还可与一个或者多个使得用户能与该计算机设备200交互的设备通信，和/或与使得该计算机设备200能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口292进行。并且，计算机设备200还可以通过网络适配器293与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器293通过总线230与计算机设备200的其它模块通信。应当明白，尽管图中未示出，可以结合计算机设备200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID***、磁带驱动器以及数据备份存储***等。

处理器220通过运行存储在存储器210中的程序，从而执行各种功能应用以及数据处理。

需要说明的是，前述对跨域数据传输方法实施例的解释说明也适用于该实施例的计算机设备，其实现原理类似，此处不再赘述。

本发明实施例提供的计算机设备，第一页面首先获取目标域中的第二页面地址，然后根据第二页面地址，在第一页面中创建超文本标记语言标签，以在超文本标记语言标签中打开第二页面，然后通过第二页面与目标域进行数据传输。由此，实现了在前端利用页面进行跨域数据传输，从而有效节省了跨域数据传输的时间，使得跨域数据交互更加便捷高效，提升了用户体验。

在示例性实施例中，本发明还提出了一种计算机可读存储介质。

上述计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时，实现实施例所述的跨域数据传输方法。

在本发明的描述中，需要理解的是，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确可选的限定。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“可选示例”、或“一些示例”等的描述意指结合该实施例或示例描述的可选特征或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的可选特征或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以可选实现在任何计算机可读介质中，以供指令执行***、装置或设备(如基于计算机的***、包括处理器的***或其他可以从指令执行***、装置或设备取指令并执行指令的***)使用，或结合这些指令执行***、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行***、装置或设备或结合这些指令执行***、装置或设备而使用的装置。计算机可读介质的更可选的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行***执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims

1.一种跨域数据传输方法，其特征在于，包括：

确定待获取的目标数据标识；

通过所述第二页面与所述目标域进行数据传输，包括：

根据所述待获取的目标数据标识，通过所述第二页面从所述目标域中读取目标数据，包括：向所述第二页面发送数据读取请求，所述数据读取请求携带所述待获取的目标数据标识与所述第一页面的标识信息，以使所述第二页面根据所述数据读取请求携带的所述第一页面的标识信息对所述第一页面的合法性进行验证，且当确定所述第一页面合法时，使得所述第二页面根据所述数据读取请求中携带的所述待获取的目标数据标识，从所述目标域中读取对应的目标数据，并将所述目标数据发送给所述第一页面；接收所述第二页面返回的所述目标数据；

或者，

向所述第二页面发送数据推送请求，以通过所述第二页面向所述目标域发送数据推送请求，所述数据推送请求携带所述第一页面的标识信息，以使所述第二页面根据所述数据推送请求携带的所述第一页面的标识信息对所述第一页面的合法性进行验证，且当确定所述第一页面合法时，使得所述第二页面向所述第一页面发送接收响应消息，所述接收响应消息是所述目标域通过响应所述数据推送请求产生的；接收所述第二页面返回的接收响应消息；向所述第二页面发送数据，以使所述第二页面将所述数据写入所述第二页面所属的目标域中。

2.如权利要求1所述的方法，其特征在于，所述向所述第二页面发送数据之后，还包括：

调起所述目标域中的第三页面，以使所述第三页面根据所述目标域中写入的数据进行页面渲染。

3.如权利要求1所述的方法，其特征在于，所述通过所述第二页面从所述目标域中读取目标数据之后，还包括：

若所述目标域中未包括所述目标数据，则确定所述目标域中与所述目标数据对应的第四页面的地址；

根据所述第四页面的地址，跳回所述第四页面。

4.如权利要求1-3任一所述的方法，其特征在于，所述通过所述第二页面与所述目标域进行数据传输之前，还包括：

确定所述目标域合法。

5.一种跨域数据传输装置，其特征在于，包括：

获取模块，用于第一页面获取目标域中的第二页面地址，其中，第一页面与所述第二页面分属不同的域；

第一确定模块，用于确定待获取的目标数据标识；

数据传输模块，用于通过所述第二页面与所述目标域进行数据传输，包括：

或者，

6.一种计算机设备，其特征在于，包括：存储器及处理器，所述存储器存储有计算机程序，其特征在于，当所述处理器执行所述程序时实现如权利要求1-4任一所述的跨域数据传输方法。

7.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时，实现如权利要求1-4任一所述的跨域数据传输方法。