CN112579190A

CN112579190A - 网页内嵌应用交互方法及装置

Info

Publication number: CN112579190A
Application number: CN201910944652.3A
Authority: CN
Inventors: 钟艺
Original assignee: Beijing Gridsum Technology Co Ltd
Current assignee: Beijing Gridsum Technology Co Ltd
Priority date: 2019-09-30
Filing date: 2019-09-30
Publication date: 2021-03-30

Abstract

本发明公开了一种网页内嵌应用交互方法及装置。其中，该方法包括：将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互。本发明解决了相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

Description

网页内嵌应用交互方法及装置

技术领域

本发明涉及网页应用领域，具体而言，涉及一种网页内嵌应用交互方法及装置。

背景技术

web网页应用越来越广泛，应用场景越来越复杂，单个web网页应用可能难以满足实际应用场景的需要。相关技术中，针对复杂的应用场景，只采用单个的web网页应用，但是，单个web网页应用也不能设计得过于复杂，难以满足应用场景需求，从而无法满足用户多样和复杂的应用需求，会导致应用平台缺乏通用性和扩展性。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种网页内嵌应用交互方法及装置，以至少解决相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

根据本发明实施例的一个方面，提供了一种网页内嵌应用交互方法，包括：将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，所述嵌套元素根据所述配置信息将所述内嵌应用嵌入到所述主应用中；向网页的嵌套元素添加监听事件，监听所述内嵌应用是否加载完成；在所述内嵌应用加载完成的情况下，建立所述主应用和所述内嵌应用的通信连接，其中，所述通信连接用于所述主应用和所述内嵌应用之间进行数据交互。

可选的，将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素之前，包括：接收所述主应用需要嵌套的内嵌应用的配置信息，其中，所述配置信息包括下列至少一项：所述内嵌应用所在网页的地址，所述嵌套元素的大小，元素容器，身份信息。

可选的，建立所述主应用和所述内嵌应用的通信连接之前，包括：将所述主应用和所述内嵌应用的通信端口封装到第三方库中，所述第三方库用于通过所述内嵌应用的接口调用内嵌应用，其中，所述第三方库用于建立所述通信连接。

可选的，还包括：接收所述内嵌应用发送的对所述主应用暂停通信的指令信号，其中，所述内嵌因公与所述主应用建立通信连接之后，对所述主应用的权限是否过期进行监听，在所述主应用权限过期的情况下，发送所述指令信号；根据所述指令信号，将所述主应用和所述内嵌应用的通信连接断开。

可选的，建立所述主应用和所述内嵌应用的通信连接之后包括：接收所述主应用通过所述通信连接发送的任务消息；向所述内嵌应用发送任务消息；接收所述内嵌应用的任务结果，其中，所述内嵌应用接收所述任务消息后，执行所述任务消息的对应操作，确定所述任务消息的任务结果。

可选的，接收所述内嵌应用的任务结果之前，包括：接收所述内嵌应用发送的认证结果，其中，所述任务消息包括所述主应用的身份信息，用于所述内嵌应用对所述主应用的权限进行认证；在接收到所述内嵌应用发送的认证结果为认证通过的情况下，执行接收所述内嵌应用的任务结果的步骤。

根据本发明实施例的另一方面，还提供了一种网页内嵌应用交互装置，包括：发送模块，用于将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，所述嵌套元素根据所述配置信息将所述内嵌应用嵌入到所述主应用中；监听模块，用于向网页的嵌套元素添加监听事件，监听所述内嵌应用是否加载完成；通信模块，用于在所述内嵌应用加载完成的情况下，建立所述主应用和所述内嵌应用的通信连接，其中，所述通信连接用于所述主应用和所述内嵌应用之间进行数据交互。

可选的，还包括：接收模块，用于接收所述主应用需要嵌套的内嵌应用的配置信息，其中，所述配置信息包括下列至少一项：所述内嵌应用所在网页的地址，所述嵌套元素的大小，元素容器，身份信息。

根据本发明实施例的另一方面，还提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述中任意一项所述的网页内嵌应用交互方法。

根据本发明实施例的另一方面，还提供了一种电子设备，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如上述中任意一项所述的网页内嵌应用交互方法。

在本发明实施例中，采用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互的方式，通过网页的嵌套元素将内嵌应用嵌入到主应用中，实现应用的嵌套，达到了通过内嵌应用和主应用共同实现网页的功能的目的，从而实现了满足用户需求，提高网页扩展性的技术效果，进而解决了相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本发明实施例的一种网页内嵌应用交互方法的流程图；

图2是根据本发明实施方式的通信建立方法的流程图；

图3是根据本发明实施方式的鉴权方法的流程图；

图4是根据本发明实施方式的另一种鉴权方法的流程图；

图5是根据本发明实施方式的功能调用方法的流程图；

图6是根据本发明实施例的一种网页内嵌应用交互装置的示意图；

图7是根据本发明实施例的一种设备的结构示意图。

具体实施方式

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

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了便于描述，以下对本申请实施例涉及的部分名词或术语进行说明：

iframe：一种HTML的标签，用于在HTML中嵌入其他的HTML

post Message：浏览器提供的一种可以安全跨源通信的方法

api：应用程序接口，是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员得以访问一组例程的能力，而又无需访问原码，或理解内部工作机制的细节。

全双工通信：双向同时通信，即通信的双方可以同时发送和接收信息的信息交互方式。

根据本发明实施例，提供了一种网页内嵌应用交互方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的一种网页内嵌应用交互方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；

步骤S104，向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；

步骤S106，在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互。

通过上述步骤，采用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互的方式，通过网页的嵌套元素将内嵌应用嵌入到主应用中，实现应用的嵌套，达到了通过内嵌应用和主应用共同实现网页的功能的目的，从而实现了满足用户需求，提高网页扩展性的技术效果，进而解决了相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

上述内嵌应用可以是网页中主应用进行连接和扩展的应用，以实现对主应用的内容进行扩展从而满足用户需求的目的。上述内嵌应用也可以是其他网页的应用。在网页将内嵌应用嵌入到网页中时，需要借助网页的嵌套元素，该嵌套元素可以将其他内容嵌入到网页中。上述嵌套元素可以是iframe，该iframe元素可以在网页的html中嵌入其他的html，根据该嵌套元素可以将需要嵌入到网页主应用的内嵌应用嵌入到主应用中。

通过将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素就可以根据配置信息对上述内嵌应用进行配置，然后将内嵌应用在主应用中进行加载，等待该内嵌应用加载完毕，标志着该内嵌应用完全嵌入到主应用中，可以进行使用。

具体的，上述嵌套元素将内嵌应用嵌入主应用是有一个缓慢的加载过程，在这个过程中，设置一个监听事件，来监听该内嵌应用是否加载完成，在该内嵌应用没有加载完成的情况下是无法进行交互的，因此需要设置一个监听事件，在监听到上述内嵌应用加载完成的情况下，触发加载完成的信号，发送给主应用或者第三方，高值主应用和第三可以使用该内嵌应用。

上述内嵌应用加载完成后，在上述主应用和内嵌应用之间建立通信连接，具体的方式，可以是预先将上述主应用和内嵌应用的通信接口封装在一个数据包中，将该数据包存储在数据库中，在需要建立主应用和内嵌应用之间的通信连接时，通过调用该数据库中的数据包的通信接口，在主应用通信接口和对应的内嵌应用通信接口之间建立通信连接，从而在上述主应用和内嵌应用之间建立通信连接，该通信连接一旦建立，在使用期限内，该主应用和内牵引共用可以进行全双工通信，也即是双向同时通讯。上述通信接口可以是api。建立主应用和内嵌应用的通信连接之前，包括：将主应用和内嵌应用的通信端口封装到第三方库中，第三方库用于通过内嵌应用的接口调用内嵌应用，其中，第三方库用于建立通信连接。

可选的，还包括：接收内嵌应用发送的对主应用暂停通信的指令信号，其中，内嵌因公与主应用建立通信连接之后，对主应用的权限是否过期进行监听，在主应用权限过期的情况下，发送指令信号；根据指令信号，将主应用和内嵌应用的通信连接断开。

内嵌应用在被嵌入到主应用之后，与主应用之间建立通信连接。建立通信连接之后，内嵌应用与主应用之间进行双向的信息交互。内嵌应用与主应用建立通信连接之后，接收主应用发送的任务消息，根据任务消息对主应用进行权限认证，其中，任务消息包括主应用的身份信息，在主应用通过权限认证的情况下，执行任务消息，并生成任务消息对应的任务结果，将任务结果通过通信连接发送给主应用。

该内嵌应用还会对该主应用的权限使用期限进行监控，一旦主应用超过使用权限的期限，就停止与该主应用的通信，并发送消息给主应用。由主应用决定是否继续使用，继续使用就需要继续购买权限。

可选的，将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素之前，包括：接收主应用需要嵌套的内嵌应用的配置信息，其中，配置信息包括下列至少一项：内嵌应用所在网页的地址，嵌套元素的大小，元素容器，身份信息。

上述配置信息不仅用于表明该内嵌应用的信息，例如上述内嵌应用所在网页的地址，用于从该地址对该内嵌应用进行调用。还包括网页的主应用对于内嵌应用的信息，例如上述嵌套元素的大小，以及元素容器的相关信息，确定该嵌套元素是否能完成容纳该内嵌应用。

在上述主应用和内嵌应用建立稳定通信连接后，可以进行主应用和内嵌应用之间的通信。可选的，建立主应用和内嵌应用的通信连接之后包括：接收主应用通过通信连接发送的任务消息；向内嵌应用发送任务消息；接收内嵌应用的任务结果，其中，内嵌应用接收任务消息后，执行任务消息的对应操作，确定任务消息的任务结果。

需要说明的是，上述通信连接建立之后，难以保证没有恶意第三方通过该通信连接与内嵌应用进行通信，也难以保证主应用具有调用内嵌应用的权限。因此，在有消息从上述通信连接发送至内嵌应用时，内嵌应用可以对该消息携带的身份信息进行验证，该身份信息是用于标识发送给消息的主应用或者信息员的身份，通过该身份信息就可以确定该消息是否具有合法性，而且还可以判定该主应用是否具有权限。

可选的，接收内嵌应用的任务结果之前，包括：接收内嵌应用发送的认证结果，其中，任务消息包括主应用的身份信息，用于内嵌应用对主应用的权限进行认证；在接收到内嵌应用发送的认证结果为认证通过的情况下，执行接收内嵌应用的任务结果的步骤。

需要说明的是，本实施例还提供了一种可选的实施方式，下面对该实施方式进行详细说明。

本实施方式提供了一种基于post Message的web嵌入式应用的交互方案，能在主系统和嵌入式应用之间建立全双工通信，解决在主系统中嵌入web应用交互存在的通信问题，达到主系统通过api调用可以无障碍的控制嵌入应用的目的。

以下从建立通信过程，鉴权过程，功能调用三个过程说明。

第一、建立通信过程，图2是根据本发明实施方式的通信建立方法的流程图，如图2所示，建立通信的具体步骤如下：

1.1初始化路由控制模块。

路由控制模块是对post Message方法基于路由(route)做了一个封装，能够根据具体的路径(path)添加消息事件和相应的回调函数。同时具备发送消息和监听相应消息事件的能力。

1.2初始化iframe。

根据初始化传入的配置信息(包括内嵌web的地址，iframe大小，DOM元素容器，身份信息token等)新建一个iframe元素，并将其挂在指定的DOM元素容器下，并为iframe元素添加一个load事件，该事件用于监听iframe内部的web应用是否加载完成。

1.3Load事件触发，请求建立连接。

当iframe的load事件触发后(说明内嵌应用加载完成)，通过路由控制模块向嵌入式web应用发送init消息，附带了所有的配置，表明需要建立连接。

1.4嵌入式应用返回响应。

嵌入式web应用接受到消息后，通过自己的路由控制模块分析消息路径，解析道这是init的消息，取出init包含的身份信息token，进行权限验证，并将验证结果通过过消息事件再发送给主系统。

1.5主系统处理相应。

主系统接收到权限验证的结果，如果身份有效，则通信过程建立，初始化完毕，如果通信过程无效，则通信过程建立失败，进行相应的错误提示和处理。

第二，鉴权过程

2.1初始化过程中的鉴权过程：

图3是根据本发明实施方式的鉴权方法的流程图，如图3所示，这一过程是在上述的建立通信过程中进行的。初始化实例过程中，将权限信息传给了嵌入web应用，由web应用验证后将结果返回给主系统，再建立通信连接。

2.2运行时的鉴权过程：

图4是根据本发明实施方式的另一种鉴权方法的流程图，如图4所示，在嵌入应用运行的过程中，如果权限过期了，则会由某种操作触发，例如网络请求返回错误码401。触发之后，嵌入应用将已经过期的消息发送给主系统。主系统收到嵌入应用权限过期的消息后，再进行相关的控制。

第三、功能控制过程

图5是根据本发明实施方式的功能调用方法的流程图，如图5所示，以改变主题功能为例，首先要求嵌入应用开放了该功能，并跟主系统约定好了具体的路径，例如(group/setting/theme)。然后由主系统发起调用，向该路径发送消息，消息包含需要设置的主题信息。嵌入应用接收到消息，通过路由分析解析到这是改变主题的事件，执行相应的操作，这里是用传入的主题值改变当前的主题，然后将改变结果(成功或失败)发送给主系统。

本实施方式在需要web应用嵌套组合的应用场景下，实现了与web嵌入式应用的交互方案，建立全双工通信，能让主系统以api的方式对嵌入应用进行控制，并将结果反馈至主系统。能有效的适应web应用嵌套组合的应用场景提出的复杂控制需求。

在本实施方式中，除了采用基于post Message的方案，还可以通过改变嵌入应用的url地址来传控制参数，但这一过程是单向，嵌入应用无法向主系统发送反馈，是单工通信，支持不了所有的交互需求。本实施方式的关键点是，通信过程的建立和交互方式，采用了类似于TCP协议的方式建立稳定的通信桥梁。

根据本发明实施例的另一方面，还提供了一种网页内嵌应用交互方法，该方法包括以下步骤：

步骤一，根据嵌套元素嵌入网页的主应用中，其中，主应用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；

步骤二，与主应用建立通信连接，通过通信连接与主应用之间进行数据交互，其中，主应用向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接。

上述执行步骤可以是内嵌应用。内嵌应用在被嵌入到主应用之后，与主应用之间建立通信连接。建立通信连接之后，内嵌应用与主应用之间进行双向的信息交互。可选的，与主应用建立通信连接之后包括：接收主应用发送的任务消息；根据任务消息对主应用进行权限认证，其中，任务消息包括主应用的身份信息；在主应用通过权限认证的情况下，执行任务消息，并生成任务消息对应的任务结果；将任务结果通过通信连接发送给主应用。

内嵌应用与主应用建立通信连接之后包括：对主应用的权限是否过期进行监听；在主应用权限过期的情况下，暂停通信连接，发送对应的错误信息给主应用。

图6是根据本发明实施例的一种网页内嵌应用交互装置的示意图，如图6所示，根据本发明实施例的另一方面，还提供了一种网页内嵌应用交互装置，包括：发送模块62，监听模块64和通信模块66，下面对该装置进行详细说明。

发送模块62，用于将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；监听模块64，与上述发送模块62相连，用于向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；通信模块66，与上述监听模块64相连，用于在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互。

通过上述装置，采用发送模块62将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；监听模块64向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；通信模块66在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互的方式，通过网页的嵌套元素将内嵌应用嵌入到主应用中，实现应用的嵌套，达到了通过内嵌应用和主应用共同实现网页的功能的目的，从而实现了满足用户需求，提高网页扩展性的技术效果，进而解决了相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

上述数据处理装置包括处理器和存储器，上述发送模块62，监听模块64和通信模块66均作为程序模块单元存储在存储器中，由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来同时显示韦恩图和关键词，提高使用效果。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

可选的，还包括：接收模块，用于接收主应用需要嵌套的内嵌应用的配置信息，其中，配置信息包括下列至少一项：内嵌应用所在网页的地址，嵌套元素的大小，元素容器，身份信息。

根据本发明实施例的另一方面，还提供了一种网页内嵌应用交互装置，包括：嵌入模块和通信模块，下面对该装置进行说明。

嵌入模块，用于根据嵌套元素嵌入网页的主应用中，其中，主应用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；通信模块，与上述嵌入模块相连，用于与主应用建立通信连接，通过通信连接与主应用之间进行数据交互，其中，主应用向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接。

通过上述装置，采用嵌入模块根据嵌套元素嵌入网页的主应用中，其中，主应用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；通信模块与主应用建立通信连接，通过通信连接与主应用之间进行数据交互，其中，主应用向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接的方式，通过网页的嵌套元素将内嵌应用嵌入到主应用中，实现应用的嵌套，达到了通过内嵌应用和主应用共同实现网页的功能的目的，从而实现了满足用户需求，提高网页扩展性的技术效果，进而解决了相关技术中的网页应用缺乏扩展性，难以满足使用要求的技术问题。

上述数据处理装置包括处理器和存储器，上述嵌入模块和通信模块均作为程序模块单元存储在存储器中，由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。

根据本发明实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述中任意一项的方法。

根据本发明实施例的另一方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行上述中任意一项的方法。

根据本发明实施例的另一方面，还提供了一种电子设备，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行如上述中任意一项的网页内嵌应用交互方法。

本发明实施例提供了一种设备，图7是根据本发明实施例的一种设备的结构示意图,如图7所示，设备700包括至少一个处理器701、以及与处理器701连接的至少一个存储器702、总线703；其中，处理器701、存储器702通过总线703完成相互间的通信；处理器701用于调用存储器702中的程序指令，以执行上述的网页内嵌应用交互的方法。本文中的设备可以是服务器、PC、PAD、手机等。

本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：

将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接，其中，通信连接用于主应用和内嵌应用之间进行数据交互。

可选的，建立主应用和内嵌应用的通信连接之前，包括：将主应用和内嵌应用的通信端口封装到第三方库中，第三方库用于通过内嵌应用的接口调用内嵌应用，其中，第三方库用于建立通信连接。

可选的，建立主应用和内嵌应用的通信连接之后包括：接收主应用通过通信连接发送的任务消息；向内嵌应用发送任务消息；接收内嵌应用的任务结果，其中，内嵌应用接收任务消息后，执行任务消息的对应操作，确定任务消息的任务结果。

处理器执行程序时还可以实现以下步骤：根据嵌套元素嵌入网页的主应用中，其中，主应用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；与主应用建立通信连接，通过通信连接与主应用之间进行数据交互，其中，主应用向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接。

可选的，与主应用建立通信连接之后包括：接收主应用发送的任务消息；根据任务消息对主应用进行权限认证，其中，任务消息包括主应用的身份信息；在主应用通过权限认证的情况下，执行任务消息，并生成任务消息对应的任务结果；将任务结果通过通信连接发送给主应用。

可选的，与主应用建立通信连接之后包括：对主应用的权限是否过期进行监听；在主应用权限过期的情况下，暂停通信连接，发送对应的错误信息给主应用。

本申请中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

还可以执行初始化有如下方法步骤的程序：根据嵌套元素嵌入网页的主应用中，其中，主应用将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，嵌套元素根据配置信息将内嵌应用嵌入到主应用中；与主应用建立通信连接，通过通信连接与主应用之间进行数据交互，其中，主应用向网页的嵌套元素添加监听事件，监听内嵌应用是否加载完成；在内嵌应用加载完成的情况下，建立主应用和内嵌应用的通信连接。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims

1.一种网页内嵌应用交互方法，其特征在于，包括：

将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，所述嵌套元素根据所述配置信息将所述内嵌应用嵌入到所述主应用中；

向网页的嵌套元素添加监听事件，监听所述内嵌应用是否加载完成；

在所述内嵌应用加载完成的情况下，建立所述主应用和所述内嵌应用的通信连接，其中，所述通信连接用于所述主应用和所述内嵌应用之间进行数据交互。

2.根据权利要求1所述的方法，其特征在于，将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素之前，包括：

接收所述主应用需要嵌套的内嵌应用的配置信息，其中，所述配置信息包括下列至少一项：所述内嵌应用所在网页的地址，所述嵌套元素的大小，元素容器，身份信息。

3.根据权利要求1所述的方法，其特征在于，建立所述主应用和所述内嵌应用的通信连接之前，包括：

将所述主应用和所述内嵌应用的通信端口封装到第三方库中，所述第三方库用于通过所述内嵌应用的接口调用内嵌应用，其中，所述第三方库用于建立所述通信连接。

4.根据权利要求3所述的方法，其特征在于，还包括：

接收所述内嵌应用发送的对所述主应用暂停通信的指令信号，其中，所述内嵌因公与所述主应用建立通信连接之后，对所述主应用的权限是否过期进行监听，在所述主应用权限过期的情况下，发送所述指令信号；

根据所述指令信号，将所述主应用和所述内嵌应用的通信连接断开。

5.根据权利要求1所述的方法，其特征在于，建立所述主应用和所述内嵌应用的通信连接之后包括：

接收所述主应用通过所述通信连接发送的任务消息；

向所述内嵌应用发送任务消息；

接收所述内嵌应用的任务结果，其中，所述内嵌应用接收所述任务消息后，执行所述任务消息的对应操作，确定所述任务消息的任务结果。

6.根据权利要求5所述的方法，其特征在于，接收所述内嵌应用的任务结果之前，包括：

接收所述内嵌应用发送的认证结果，其中，所述任务消息包括所述主应用的身份信息，用于所述内嵌应用对所述主应用的权限进行认证；

在接收到所述内嵌应用发送的认证结果为认证通过的情况下，执行接收所述内嵌应用的任务结果的步骤。

7.一种网页内嵌应用交互装置，其特征在于，包括：

发送模块，用于将需要嵌入到网页主应用的内嵌应用的配置信息，发送给网页的嵌套元素，其中，所述嵌套元素根据所述配置信息将所述内嵌应用嵌入到所述主应用中；

监听模块，用于向网页的嵌套元素添加监听事件，监听所述内嵌应用是否加载完成；

通信模块，用于在所述内嵌应用加载完成的情况下，建立所述主应用和所述内嵌应用的通信连接，其中，所述通信连接用于所述主应用和所述内嵌应用之间进行数据交互。

8.根据权利要求7所述的装置，其特征在于，还包括：

接收模块，用于接收所述主应用需要嵌套的内嵌应用的配置信息，其中，所述配置信息包括下列至少一项：所述内嵌应用所在网页的地址，所述嵌套元素的大小，元素容器，身份信息。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的网页内嵌应用交互方法。

10.一种电子设备，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1至6中任意一项所述的网页内嵌应用交互方法。