CN113934557A - 小程序与网页通信的方法、相关设备及系统 - Google Patents
小程序与网页通信的方法、相关设备及系统 Download PDFInfo
- Publication number
- CN113934557A CN113934557A CN202111238503.9A CN202111238503A CN113934557A CN 113934557 A CN113934557 A CN 113934557A CN 202111238503 A CN202111238503 A CN 202111238503A CN 113934557 A CN113934557 A CN 113934557A
- Authority
- CN
- China
- Prior art keywords
- client
- page
- applet
- webpage
- websocket server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 73
- 238000012545 processing Methods 0.000 claims abstract description 62
- 238000004891 communication Methods 0.000 claims abstract description 34
- 230000004044 response Effects 0.000 claims description 11
- 230000008569 process Effects 0.000 abstract description 10
- 238000010586 diagram Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 3
- 230000006378 damage Effects 0.000 description 2
- 238000004883 computer application Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/546—Message passing systems or structures, e.g. queues
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/541—Client-server
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种小程序与网页通信的方法、相关设备及系统,网页客户端在接收到WebSocket服务器转发的小程序客户端的第一消息后,获取第一消息的内容并执行第一消息的内容对应的处理指令,之后从WebSocket服务器调用网页客户端对应的原生数据资源并生成处理指令执行结果对应的第一页面,之后通过WebSocket服务器将第一页面发送至小程序客户端的Web‑View组件以显示第一页面。本发明可由小程序向小程序Web‑View组件内的网页发送消息,在网页浏览过程中可直接使用小程序Web‑View组件内的网页资源实现小程序的部分功能,进而提升了用户体验。
Description
技术领域
本发明涉及计算机应用技术领域,尤其是涉及一种小程序与网页通信的方法、相关设备及系统。
背景技术
随着移动应用技术的不断发展,人们对使用移动应用功能的便捷性要求越来越高,小程序应运而生,小程序无需下载和安装就可以使用移动端应用程序,用户无需担心安装太多应用程序造成移动端本地资源占用过大的问题。小程序通常可以用Web-View组件作为承载网页的容器,在小程序Web-View组件内的网页通过应用程序官方提供的API(Application Programming Interface,应用程序接口)与小程序进行通信时,由小程序Web-View组件内的网页向小程序发送消息,且只有在特定时机(如小程序后退、Web-View组件销毁、小程序分享等)才能触发小程序Web-View组件进行该消息事件并获取消息的内容,因而该通信方式无法由小程序向小程序Web-View组件内的网页发送消息。然而,如果希望在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,上述通信方式显然不能满足该使用需求,进而使用户体验较差。
发明内容
有鉴于此,本发明的目的在于提供一种小程序与网页通信的方法、相关设备及系统,可由小程序向小程序Web-View组件内的网页发送消息,在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,进而提升了用户体验。
第一方面,本发明实施例提供了一种小程序与网页通信的方法,应用于网页客户端,所述网页客户端与小程序客户端通过WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;所述方法包括:接收所述WebSocket服务器转发的小程序客户端的第一消息;获取所述第一消息的内容;执行所述第一消息的内容对应的处理指令;从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述处理指令执行结果对应的第一页面;通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面。
结合第一方面,本发明实施例提供了第一方面的第一种可能的实施方式,其中,所述网页客户端预先配置有多个执行处理指令的参数;执行所述第一消息的内容对应的处理指令的步骤,包括:从所述多个执行处理指令的参数中获取执行所述第一消息的内容对应的处理指令的第一参数,并按照所述第一参数执行所述第一消息的内容对应的处理指令。
结合第一方面,本发明实施例提供了第一方面的第二种可能的实施方式,其中,所述方法还包括:向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述网页客户端的身份标识。
结合第一方面,本发明实施例提供了第一方面的第三种可能的实施方式,其中,所述方法还包括:响应于针对所述第一页面的第一触发操作,取消显示所述第一页面。
第二方面,本发明实施例还提供一种小程序与网页通信的方法应用于小程序客户端,所述小程序客户端与网页客户端通过WebSocket服务器通信连接,所述小程序客户端和所述网页客户端分别配置有身份标识;所述方法包括:通过所述WebSocket服务器向网页客户端发送第一消息;通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;通过所述小程序客户端的Web-View组件显示所述第二页面。
结合第二方面,本发明实施例提供了第二方面的第一种可能的实施方式,其中,所述方法还包括:向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述小程序客户端的身份标识。
结合第二方面,本发明实施例提供了第二方面的第二可能的实施方式,其中,所述方法还包括:响应于针对所述第二页面的第二触发操作,取消显示所述第二页面。
第三方面,本发明实施例还提供一种网页客户端,所述网页客户端与小程序客户端通过WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;所述网页客户端包括:第一接收模块,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;第一获取模块,用于获取所述第一消息的内容;第一执行模块,用于执行所述第一消息的内容对应的处理指令;第一页面生成模块,用于从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述处理指令执行结果对应的第一页面;第一页面发送模块,用于通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面。
第四方面,本发明实施例还提供一种小程序客户端,所述小程序客户端与网页客户端通过WebSocket服务器通信连接,所述小程序客户端和所述网页客户端分别配置有身份标识;所述小程序客户端包括:第二发送模块,用于通过所述WebSocket服务器向网页客户端发送第一消息;第二接收模块,用于通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;第二页面显示模块,用于通过所述小程序客户端的Web-View组件显示所述第二页面。
第五方面,本发明实施例还提供一种小程序与网页通信的系统,所述系统至少包括网页客户端、WebSocket服务器和小程序客户端,所述网页客户端与所述小程序客户端通过所述WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;所述网页客户端,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;获取所述第一消息的内容;执行所述第一消息的内容对应的第一处理指令;从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述第一处理指令执行结果对应的第一页面;通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面;所述小程序客户端,用于通过所述WebSocket服务器向网页客户端发送第一消息;通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;通过所述小程序客户端的Web-View组件显示所述第二页面。
本发明实施例提供的小程序与网页通信的方法、相关设备及系统,网页客户端在接收到WebSocket服务器转发的小程序客户端的第一消息后,会获取该第一消息的内容并执行该第一消息的内容对应的处理指令,之后从WebSocket服务器调用网页客户端对应的原生数据资源并生成处理指令执行结果对应的第一页面,以及通过WebSocket服务器将第一页面发送至小程序客户端的Web-View组件以显示该第一页面。采用上述技术,可通过WebSocket服务器进行消息的转发实现小程序与其Web-View组件内的网页进行通信,且通信时机可根据实际需要自行选择,在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,进而提升了用户体验。
本发明的其他特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的小程序与网页通信的系统架构图;
图2为本发明实施例提供的一种小程序与网页通信的方法的流程示意图;
图3为本发明实施例提供的另一种小程序与网页通信的方法的流程示意图;
图4为本发明实施例提供的一种小程序页面的示意图;
图5为本发明实施例提供的另一种小程序与网页通信的方法的示意图;
图6为本发明实施例提供的一种网页客户端的结构示意图;
图7为本发明实施例提供的另一种网页客户端的结构示意图;
图8为本发明实施例提供的一种小程序客户端的结构示意图;
图9为本发明实施例提供的另一种小程序客户端的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合实施例对本发明的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
目前,小程序通常可以用Web-View组件作为承载网页的容器,在小程序Web-View组件内的网页通过应用程序官方提供的API(Application Programming Interface,应用程序接口)与小程序进行通信时,由小程序Web-View组件内的网页向小程序发送消息,且只有在特定时机(如小程序后退、Web-View组件销毁、小程序分享等)才能触发小程序Web-View组件进行该消息事件并获取消息的内容,因而该通信方式无法由小程序向小程序Web-View组件内的网页发送消息。然而,如果希望在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,上述通信方式显然不能满足该使用需求,进而使用户体验较差。基于此,本发明实施提供的小程序与网页通信的方法、相关设备及系统,可由小程序向小程序Web-View组件内的网页发送消息,在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,进而提升了用户体验。
为便于对本实施例进行理解,首先对本发明实施例所公开的一种小程序与网页通信的系统进行详细介绍,参见图1所示的一种小程序与网页通信的方法的系统架构图,该系统包括网页客户端100、WebSocket服务器300和小程序客户端200,网页客户端100与小程序客户端200通过WebSocket服务器300通信连接;网页客户端100和小程序客户端200分别配置有身份标识。其中,WebSocket服务器300和网页客户端100均可通过API接口与应用程序连接。上述应用程序可以为安装于终端设备操作系统中的一个应用程序。上述应用程序存储有小程序的原生数据资源,网页客户端100可通过WebSocket服务器300直接调用相应的原生数据资源生成相应的页面,并通过WebSocket服务器300将生成的页面发送至小程序客户端200的Web-View组件以将该页面显示于Web-View组件内。
在本发明实施例中,上述网页客户端100部署有小程序的Web-View组件,该Web-View组件可用于显示小程序的H5页面;上述小程序客户端200上部署有小程序的虚拟环境,该虚拟环境可用于运行小程序开发者的逻辑代码以实现小程序的业务逻辑。
下面从网页客户端即小程序Web-View组件内H5页面的角度,对本发明实施例提供的小程序与网页通信的方法进行介绍。
参见图2所示的一种小程序与网页通信的方法的流程示意图,该方法的执行主体是网页客户端,该方法包括以下步骤:
步骤S202,接收WebSocket服务器转发的小程序客户端的第一消息。
具体地,在小程序客户端通过WebSocket服务器与网页客户端进行通信时,小程序客户端会将第一消息发送至WebSocket服务器,WebSocket服务器收到第一消息之后会对第一消息进行转发;由于WebSocket服务器在创建连接时已经指定好第一消息的发送方(即小程序客户端)与第一消息的接收方(即网页客户端),因而WebSocket服务器会将第一消息进行转发至网页客户端。
步骤S204,获取第一消息的内容。
具体地,网页客户端在收到第一消息后,会对第一消息进行解析以获取第一消息的内容。在实际应用过程中,第一消息的内容通常可以包括消息头、方法名、消息正文等,具体可根据实际需要自行确定,对此并不进行限定。
步骤S206,执行第一消息的内容对应的处理指令。
具体地,由于网页客户端在获取到第一消息的内容后需要按照一定的方法执行第一消息的内容对应的处理指令,因而执行该处理指令的参数需要预先配置在网页客户端上或者被第一消息携带。以执行该处理指令的参数预先配置在网页客户端上为例,网页客户端在获取到第一消息的内容后,可直接通过查找本地数据资源的方式获取执行该处理指令的参数,并按照该参数执行第一消息的内容对应的处理指令。以执行该处理指令的参数被第一消息携带为例,网页客户端在获取到第一消息的内容后,可根据第一消息的内容确定执行该处理指令的参数,并按照该参数执行第一消息的内容对应的处理指令。
步骤S208,从WebSocket服务器调用网页客户端对应的原生数据资源,生成处理指令执行结果对应的第一页面。
具体地,在网页客户端执行第一消息的内容对应的处理指令后,WebSocket服务器可通过指定APK接口调用网页客户端对应的原生数据资源,并将这部分原生数据资源发送至网页客户端;网页客户端接收到这部分原生数据资源后,会根据这部分原生数据资源生成相应的页面(即第一页面),该页面中的内容用于表征处理指令执行结果(如执行成功或执行失败)。
步骤S210,通过WebSocket服务器将第一页面发送至小程序客户端的Web-View组件;其中,Web-View组件用于显示第一页面。
具体地,网页客户端在生成第一页面后,会将第一页面发送至WebSocket服务器;WebSocket服务器收到第一页面后,会将第一页面转发至小程序客户端的Web-View组件,以通过小程序客户端的Web-View组件显示第一页面。
本发明实施例提供的小程序与网页通信的方法,网页客户端在接收到WebSocket服务器转发的小程序客户端的第一消息后,会获取该第一消息的内容并执行该第一消息的内容对应的处理指令,之后从WebSocket服务器调用网页客户端对应的原生数据资源并生成处理指令执行结果对应的第一页面,以及通过WebSocket服务器将第一页面发送至小程序客户端的Web-View组件以显示该第一页面。采用上述技术,可通过WebSocket服务器进行消息的转发实现小程序与其Web-View组件内的网页进行通信,且通信时机可根据实际需要自行选择,在网页浏览过程中可直接使用小程序Web-View组件内的网页资源实现小程序的部分功能,进而提升了用户体验。
在上述小程序与网页通信的方法的基础上,为了进一步提高通信效率,可预先在网页客户端上配置多个执行处理指令的参数;基于此,上述步骤S206中执行第一消息的内容对应的处理指令可采用以下操作方式:从多个执行处理指令的参数中获取执行第一消息的内容对应的处理指令的第一参数,并按照第一参数执行第一消息的内容对应的处理指令。
在上述小程序与网页通信的方法的基础上,为了保证通信的准确性,上述方法还可以包括以下操作方式:向WebSocket服务器发送连接请求以通过WebSocket服务器创建连接;其中,该连接请求携带有网页客户端的身份标识。
具体地,上述身份标识可以采用ID号。为了实现WebSocket服务器与网页客户端之间的正常通信,网页客户端首先会向WebSocket服务器发送连接请求,之后WebSocket服务器会对接收到的连接请求进行解析以获取连接请求的内容,同时得到了网页客户端的ID号;WebSocket服务器可根据该ID号创建相应的连接,生成连接请求对应的响应消息并将该响应消息返回至网页客户端。采用该操作方式,能够建立不同网页客户端与WebSocket服务器之间的唯一对应关系,进而保证网页客户端与WebSocket服务器之间通信的准确性。
此外,针对多个网页客户端均需要与WebSocket服务器进行通信的情形,WebSocket服务器在接收到多个网页客户端发送的连接请求后,可以根据不同网页客户端的身份标识确定连接请求的发送方(也即连接请求对应的响应消息的接收方),之后创建一个连接,该连接包含需要通信的所有网页客户端的身份标识。通过该操作方式,WebSocket服务器只需建立一个连接便可实现分别与不同网页客户端进行正常通信,相比于为每一个发送连接请求的网页客户端单独创建连接的方式能够进一步提高通信效率。
考虑到在实际应用过程中用户浏览完页面后需要关闭页面,上述方法还可以包括以下操作方式:响应于针对第一页面的第一触发操作,取消显示第一页面。具体地,为了便于操作,可以在上述第一页面中设置关闭控件,上述第一触发操作可以为作用于关闭控件的手指按压操作;用户在通过手指按压第一页面中的关闭控件后,网页客户端响应于该操作后会取消显示第一页面。
下面从小程序客户端即小程序业务逻辑的角度,对本发明实施例提供的小程序与网页通信的方法进行介绍。
参见图3所示的另一种小程序与网页通信的方法的流程示意图,该方法的执行主体是小程序客户端,该方法包括以下步骤:
步骤S302,通过WebSocket服务器向网页客户端发送第一消息。
步骤S304,通过WebSocket服务器接收网页客户端返回的第一消息的执行结果对应的第二页面;其中,第二页面为网页客户端根据从WebSocket服务器调用网页客户端对应的原生数据资源,和执行第一消息的内容对应的处理指令的结果生成的。
步骤S306,通过小程序客户端的Web-View组件显示第二页面。
上述方法还可以包括以下操作方式:向WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述小程序客户端的身份标识。
上述方法还可以包括以下操作方式:响应于针对第二页面的第二触发操作,取消显示第二页面。上述第二触发操作与上述第一触发操作类似,在此不进行赘述。
为了便于描述,在此以实际应用场景为例对上述小程序与网页通信的方法的工作过程进行描述如下。
参见图4所示的一种小程序页面的示意图,小程序页面中显示的内容包括小程序Web-View组件,小程序Web-View组件内显示有H5页面,该H5页面内显示有支付按钮(图4中用带“支付”字样的圆角矩形来表示)。基于图4,本发明实施例还提供了另一种小程序与网页通信的方法,参见图5所示的另一种小程序与网页通信的方法的示意图,为了便于描述,图5中,用“H5页面”表示网页客户端,用“小程序页面”表示小程序客户端,用“WebSocket服务”表示WebSocket服务器;该方法采用以下操作方式:
用户首先通过手指点击支付按钮;网页客户端响应于该操作后会向WebSocket服务器发送支付指令;WebSocket服务器将支付指令转发至小程序客户端;小程序客户端收到支付指令后会执行该指令并将该指令执行结果发送至网页客户端,网页客户端会生成支付界面以表征该指令执行结果为指令执行成功;用户针对支付界面进行相应的支付操作,网页客户端响应于支付操作的成功完成后会将支付完成结果发送至小程序客户端;小程序客户端收到支付完成结果后会向WebSocket服务器发送支付完成指令;WebSocket服务器将支付完成指令转发至网页客户端;网页客户端收到支付完成指令后会执行该指令并生成支付完成界面以表征该指令执行结果为指令执行成功。
基于上述方法实施例,本发明实施例还提供了一种网页客户端,参见图6所示,该网页客户端包括:
第一接收模块602,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;
第一获取模块604,用于获取所述第一消息的内容;
第一执行模块606,用于执行所述第一消息的内容对应的处理指令;
第一页面生成模块608,用于从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述处理指令执行结果对应的第一页面;
第一页面发送模块610,用于通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面。
上述网页客户端可以预先配置有多个执行处理指令的参数;基于此,上述第一执行模块606还用于:从所述多个执行处理指令的参数中获取执行所述第一消息的内容对应的处理指令的第一参数,并按照所述第一参数执行所述第一消息的内容对应的处理指令。
基于上述网页客户端,本发明实施例还提供了另一种网页客户端,参见图7所示,该网页客户端还包括:
第一连接模块612,用于向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述网页客户端的身份标识。
第一取消显示模块614,用于响应于针对所述第一页面的第一触发操作,取消显示所述第一页面。
基于上述方法实施例,本发明实施例还提供了一种小程序客户端,参见图8所示,该小程序客户端包括:
第二发送模块802,用于通过所述WebSocket服务器向网页客户端发送第一消息;
第二接收模块804,用于通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;
第二页面显示模块806,用于通过所述小程序客户端的Web-View组件显示所述第二页面。
基于上述小程序客户端,本发明实施例还提供了另一种小程序客户端,参见图9所示,该小程序客户端还包括:
第二连接模块808,用于向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述小程序客户端的身份标识。
第二取消显示模块810,用于响应于针对所述第二页面的第二触发操作,取消显示所述第二页面。
基于上述方法实施例,本发明实施例还提供了一种小程序与网页通信的系统,所述系统至少包括网页客户端、WebSocket服务器和小程序客户端,所述网页客户端与所述小程序客户端通过所述WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;
所述网页客户端,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;获取所述第一消息的内容;执行所述第一消息的内容对应的第一处理指令;从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述第一处理指令执行结果对应的第一页面;通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面;
所述小程序客户端,用于通过所述WebSocket服务器向网页客户端发送第一消息;通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;通过所述小程序客户端的Web-View组件显示所述第二页面。
本发明实施例所提供的系统,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,系统实施例部分未提及之处,可参考前述方法实施例中相应内容。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种小程序与网页通信的方法,其特征在于,应用于网页客户端,所述网页客户端与小程序客户端通过WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;所述方法包括:
接收所述WebSocket服务器转发的小程序客户端的第一消息;
获取所述第一消息的内容;
执行所述第一消息的内容对应的处理指令;
从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述处理指令执行结果对应的第一页面;
通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面。
2.根据权利要求1所述的小程序与网页通信的方法,其特征在于,所述网页客户端预先配置有多个执行处理指令的参数;执行所述第一消息的内容对应的处理指令的步骤,包括:
从所述多个执行处理指令的参数中获取执行所述第一消息的内容对应的处理指令的第一参数,并按照所述第一参数执行所述第一消息的内容对应的处理指令。
3.根据权利要求1所述的小程序与网页通信的方法,其特征在于,所述方法还包括:
向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述网页客户端的身份标识。
4.根据权利要求1所述的小程序与网页通信的方法,其特征在于,所述方法还包括:
响应于针对所述第一页面的第一触发操作,取消显示所述第一页面。
5.一种小程序与网页通信的方法,其特征在于,应用于小程序客户端,所述小程序客户端与网页客户端通过WebSocket服务器通信连接,所述小程序客户端和所述网页客户端分别配置有身份标识;所述方法包括:
通过所述WebSocket服务器向网页客户端发送第一消息;
通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;
通过所述小程序客户端的Web-View组件显示所述第二页面。
6.根据权利要求5所述的小程序与网页通信的方法,其特征在于,所述方法还包括:
向所述WebSocket服务器发送连接请求以通过所述WebSocket服务器创建连接;其中,所述连接请求携带有所述小程序客户端的身份标识。
7.根据权利要求5所述的小程序与网页通信的方法,其特征在于,所述方法还包括:
响应于针对所述第二页面的第二触发操作,取消显示所述第二页面。
8.一种网页客户端,其特征在于,所述网页客户端与小程序客户端通过WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;所述网页客户端包括:
第一接收模块,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;
第一获取模块,用于获取所述第一消息的内容;
第一执行模块,用于执行所述第一消息的内容对应的处理指令;
第一页面生成模块,用于从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述处理指令执行结果对应的第一页面;
第一页面发送模块,用于通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面。
9.一种小程序客户端,其特征在于,所述小程序客户端与网页客户端通过WebSocket服务器通信连接,所述小程序客户端和所述网页客户端分别配置有身份标识;所述小程序客户端包括:
第二发送模块,用于通过所述WebSocket服务器向网页客户端发送第一消息;
第二接收模块,用于通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;
第二页面显示模块,用于通过所述小程序客户端的Web-View组件显示所述第二页面。
10.一种小程序与网页通信的系统,其特征在于,所述系统至少包括网页客户端、WebSocket服务器和小程序客户端,所述网页客户端与所述小程序客户端通过所述WebSocket服务器通信连接,所述网页客户端和所述小程序客户端分别配置有身份标识;
所述网页客户端,用于接收所述WebSocket服务器转发的小程序客户端的第一消息;获取所述第一消息的内容;执行所述第一消息的内容对应的第一处理指令;从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,生成所述第一处理指令执行结果对应的第一页面;通过所述WebSocket服务器将所述第一页面发送至所述小程序客户端的Web-View组件;其中,所述Web-View组件用于显示所述第一页面;
所述小程序客户端,用于通过所述WebSocket服务器向网页客户端发送第一消息;通过所述WebSocket服务器接收所述网页客户端返回的所述第一消息的执行结果对应的第二页面;其中,所述第二页面为所述网页客户端根据从所述WebSocket服务器调用所述网页客户端对应的原生数据资源,和执行所述第一消息的内容对应的处理指令的结果生成的;通过所述小程序客户端的Web-View组件显示所述第二页面。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111238503.9A CN113934557A (zh) | 2021-10-25 | 2021-10-25 | 小程序与网页通信的方法、相关设备及系统 |
PCT/CN2021/135498 WO2023070834A1 (zh) | 2021-10-25 | 2021-12-03 | 小程序与网页通信的方法、相关设备及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111238503.9A CN113934557A (zh) | 2021-10-25 | 2021-10-25 | 小程序与网页通信的方法、相关设备及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113934557A true CN113934557A (zh) | 2022-01-14 |
Family
ID=79284004
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111238503.9A Pending CN113934557A (zh) | 2021-10-25 | 2021-10-25 | 小程序与网页通信的方法、相关设备及系统 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN113934557A (zh) |
WO (1) | WO2023070834A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116798167A (zh) * | 2023-08-25 | 2023-09-22 | 广东星云开物科技股份有限公司 | 共享娱乐设备启动方法、系统及存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107203541B (zh) * | 2016-03-17 | 2020-04-14 | 台达电子企业管理(上海)有限公司 | 页面加载方法及其页面加载装置 |
CN107656762A (zh) * | 2017-10-13 | 2018-02-02 | 上海酷屏信息技术有限公司 | 一种在app中实现第三方功能的方法及系统 |
CN110290055B (zh) * | 2019-06-25 | 2021-09-10 | 携程计算机技术(上海)有限公司 | 微信小程序WebView与原生组件的通信方法及系统 |
CN112150136A (zh) * | 2020-09-04 | 2020-12-29 | 京东数字科技控股股份有限公司 | 一种应用中内嵌网页的支付方法、系统及装置 |
CN112162871A (zh) * | 2020-09-25 | 2021-01-01 | 同程网络科技股份有限公司 | 小程序与webview数据交换的方法、装置及存储介质 |
-
2021
- 2021-10-25 CN CN202111238503.9A patent/CN113934557A/zh active Pending
- 2021-12-03 WO PCT/CN2021/135498 patent/WO2023070834A1/zh unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116798167A (zh) * | 2023-08-25 | 2023-09-22 | 广东星云开物科技股份有限公司 | 共享娱乐设备启动方法、系统及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2023070834A1 (zh) | 2023-05-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3402136B1 (en) | Information interaction method, client and device | |
US6920410B2 (en) | Systems and methods for testing a network service | |
CN109240697B (zh) | 调用处理方法及装置、存储介质 | |
CN110557433A (zh) | 资源的管理方法、平台、云网关、系统及存储介质 | |
CN109088812B (zh) | 信息处理方法、装置、计算机设备和存储介质 | |
CN112835782B (zh) | 接口的接入测试方法和系统 | |
CN112202824B (zh) | 网络资源访问的处理方法、装置及服务器、终端 | |
CN108021445B (zh) | 内存优化方法、装置、系统及计算机可读存储介质 | |
CN106357654B (zh) | 远程过程调用方法、装置及通信系统 | |
CN113934557A (zh) | 小程序与网页通信的方法、相关设备及系统 | |
CN110673970B (zh) | 一种基于web应用的跨进程调用系统及方法 | |
CN112468611A (zh) | 应用程序启动方法、终端设备及计算机存储介质 | |
CN112241544A (zh) | 业务系统、访问方法、装置、计算机设备和存储介质 | |
CN111078429A (zh) | 一种云手机调用web浏览器本地输入法的方法 | |
CN113992622B (zh) | 一种基于统一模型的多模板聚合消息通知发送系统及方法 | |
CN112416462B (zh) | 离线h5应用加载方法及系统 | |
CN113572676B (zh) | 一种邮件处理方法及装置 | |
CN112714148A (zh) | 一种界面配置方法、装置、设备及介质 | |
CN112000313A (zh) | 请求响应方法、装置、设备及存储介质 | |
CN114185845A (zh) | 一种文件管理方法、装置、计算机设备及存储介质 | |
CN112073462A (zh) | 定位方法及装置 | |
CN115174517B (zh) | 一种业务处理方法及系统 | |
CN117492968B (zh) | 原生应用程序调用方法、装置、电子设备及可读存储介质 | |
CN114095464B (zh) | 即时消息实现方法和系统 | |
CN112559213A (zh) | 应用通信方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |