CN116302212A - 应用内嵌html页面刷新方法、装置、设备及存储介质 - Google Patents
应用内嵌html页面刷新方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN116302212A CN116302212A CN202310596295.2A CN202310596295A CN116302212A CN 116302212 A CN116302212 A CN 116302212A CN 202310596295 A CN202310596295 A CN 202310596295A CN 116302212 A CN116302212 A CN 116302212A
- Authority
- CN
- China
- Prior art keywords
- html page
- target
- application
- update data
- 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 99
- 238000004590 computer program Methods 0.000 claims description 2
- 230000008569 process Effects 0.000 description 14
- 238000004891 communication Methods 0.000 description 8
- 230000001960 triggered effect Effects 0.000 description 7
- 238000011161 development Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000007246 mechanism Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 239000000243 solution Substances 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000000977 initiatory effect Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000002347 injection Methods 0.000 description 1
- 239000007924 injection Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种应用内嵌HTML页面刷新方法、装置、设备及存储介质,当应用启动成功时,建立与服务器之间的连接,以便服务器检测到应用内嵌的HTML页面所需的数据更新时,通过连接反馈包括更新数据的更新数据信息,当接收到更新数据信息时,将更新数据信息中目标HTML页面对应的待更新数据发送给目标HTML页面,以便目标HTML页面刷新显示,由于服务器在检测到应用内嵌的HTML页面所需数据更新时,便会将更新数据信息反馈给应用,应用再将目标HTML页面对应的待更新数据转发给目标HTML页面,无需用户重新进入应用内嵌的HTML页面就实现了HTML页面的实时刷新,保证了HTML页面刷新的实时性。
Description
技术领域
本申请涉及互联网技术领域,更具体地说,涉及一种应用内嵌HTML页面刷新方法、装置、设备及存储介质。
背景技术
随着便携式终端设备(如智能手机、平板电脑)技术的发展,用户在终端上安装的应用的数量也日益增多,为了提高用户获取服务的便捷性,通常会在应用内部嵌入HTML页面,通过HTML页面的形式来动态展示包含更新频率较高的数据的界面。
在现有的实现应用内嵌HTML页面刷新的方式中,用户通过点击进入应用内嵌的HTML页面,HTML页面向服务器发起http请求建立连接,等待服务器通过该连接返回HTML页面中需要更新的数据,HTML页面获取到服务器返回的更新的数据后显示更新的数据,实现HTML页面的刷新。
然而,应用内嵌HTML页面的刷新必须依靠HTML页面主动向服务器发起http请求建立连接去获取数据,而只有用户通过点击进入应用内嵌的HTML页面时,HTML页面才会主动发起请求,如果用户已经打开了一个HTML页面,并一直浏览该HTML页面未重新进入,若HTML页面的数据应进行更新,但由于用户并未重新进入该HTML页面,从而导致HTML页面一直未向服务器发送请求,从而无法实现HTML页面的数据的更新,导致了HTML页面刷新不够实时的问题。
发明内容
有鉴于此,本申请提供了一种应用内嵌HTML页面刷新方法、装置、设备及存储介质,用于解决现有应用内嵌HTML页面刷新方式,只有用户重新进入应用内嵌的HTML页面才能实现应用内嵌HTML页面的刷新,导致了应用内嵌的HTML页面刷新不够实时的问题。
为了实现上述目的,现提出的方案如下:
一种应用内嵌HTML页面刷新方法,包括:
当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据;
确定内嵌的被打开的目标HTML页面;
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
优选地,所述建立与服务器之间的连接,包括:
基于WebSocket协议建立与服务器之间的连接。
优选地,所述更新数据信息还包括:更新数据对应的事件信息;
所述确定内嵌的被打开的目标HTML页面之后,还包括:
接收所述目标HTML页面发送的目标事件信息,其中,目标事件为所述目标HTML页面预设的所要监听的事件;
所述当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示,包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
优选地,接收所述目标HTML页面发送的目标事件信息之前,还包括:
向所述目标HTML页面注入预设的全局JS代码,以便所述目标HTML页面利用所述JS代码发送所述目标事件信息并设置回调方法;
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示,包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,调用所述回调方法将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
优选地,所述JS代码包括JavascriptInterface对象,或,WebViewJavascriptBridge对象的callHandler方法或send方法,所述JavascriptInterface对象供所述目标HTML页面在检测到其宿主系统为安卓系统时基于所述JavascriptInterface对象发送所述目标事件信息,所述callHandler方法及所述send方法供所述目标HTML页面在检测到其宿主系统为IOS系统时基于所述callHandler方法或所述send方法发送所述目标事件信息。
优选地,还包括:
当接收到所述目标HTML页面发送的更新数据的请求时,通过所述连接向所述服务器转发所述请求。
优选地,还包括:
当应用关闭时,断开所述连接。
一种应用内嵌HTML页面刷新装置,包括:
建立连接单元,用于当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据;
目标HTML页面确定单元,用于确定内嵌的被打开的目标HTML页面;
数据发送单元,用于当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
一种应用内嵌HTML页面刷新设备,包括存储器和处理器;
所述存储器,用于存储程序;
所述处理器,用于执行所述程序,实现如上述的应用内嵌HTML页面刷新方法的各个步骤。
一种存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时,实现如上述的应用内嵌HTML页面刷新方法的各个步骤。
从上述的技术方案可以看出,本申请实施例提供的应用内嵌HTML页面刷新方法,当应用启动成功时,建立与服务器之间的连接,以便服务器在检测到应用内嵌的HTML页面所需的数据更新时,通过该连接反馈更新数据信息,更新数据信息包括更新数据,确定内嵌的被打开的目标HTML页面,当接收到服务器通过连接发送的更新数据信息时,将接收到的更新数据信息中目标HTML页面对应的待更新数据发送给目标HTML页面,以便目标HTML页面刷新显示该数据,从而实现目标HTML页面的刷新。由于应用启动时,就与服务器建立连接,服务器在检测到应用内嵌的HTML页面所需数据更新时,便会通过该连接将包括更新数据的更新数据信息反馈给应用,再由应用将服务器反馈的更新数据信息中目标HTML页面对应的待更新数据转发给目标HTML页面,由目标HTML页面刷新显示,实现目标HTML页面的刷新,无需用户重新进入应用内嵌的HTML页面就实现了应用内嵌HTML页面的实时刷新,保证了HTML页面刷新的实时性。
进一步地,对于每个应用,只需要应用与服务器建立一个连接即可,无需其内嵌的每个HTML页面均与服务器建立连接,降低了HTML页面的性能消耗,降低了HTML页面的开发成本。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请实施例公开的一种应用内嵌HTML页面刷新方法流程图;
图2为本申请实施例公开的一种应用内嵌HTML页面刷新过程示意图;
图3为本申请实施例公开的一种应用内嵌HTML页面刷新装置结构示意图;
图4为本申请实施例公开的一种应用内嵌HTML页面刷新设备的硬件结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请提供了对应用内嵌HTML页面进行刷新的方法,可以适用于应用内嵌的各种类型的HTML页面,示例如,HTML5页面。
本申请方案可以基于具备数据处理能力的终端实现,该终端可以是平板电脑、手机等。
本申请实施例提供了一种应用内嵌HTML页面刷新方案,应用于应用端,接下来通过附图1对本申请的内嵌HTML页面刷新方法进行说明,如图1所示,该方法可以包括:
步骤S100、当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据。
具体的,现有的应用中通常会内嵌HTML页面,示例如HTML5页面,而HTML页面中通常会存在固定显示的数据以及需要实时更新显示的数据,当应用内嵌的HTML页面被打开时,HTML页面会显示固定的数据,而需要实时更新的数据需要向服务器获取,现有的获取实时更新的数据的方式为HTML页面向服务器发送http请求建立连接来获取需要实时更新的数据,然而这种方式只能通过用户点击进入HTML页面,触发HTML页面设定的触发机制,HTML页面才会向服务器发送http请求来建立连接,并通过该连接获取数据,一旦HTML页面获取到数据后就会断开与服务器的连接,只有下次被打开时,才会再次与服务器建立连接,若用户一直停留在此HTML页面,则会导致此HTML页面需要更新的数据一直未更新,造成HTML页面刷新不够实时的问题,所以在本申请实施例中,当应用启动成功时,就建立与服务器之间的连接,由服务器主动且实时发送应用内嵌的HTML页面所需更新的数据,而不是在HTML页面发起http请求建立连接之后才发送,能够保证应用能够及时地接收到内嵌的HTML页面所需的待更新数据。
步骤S110、确定内嵌的被打开的目标HTML页面。
具体的,应用内嵌的HTML页面可以被用户打开,目标HTML页面为被用户打开的HTML页面,目标HTML页面被打开之后,目标HTML页面需要实时刷新显示,所以应用需要确定内嵌的被打开的目标HTML页面,以便将目标HTML页面对应的待更新数据发送给目标HTML页面实现刷新显示。
步骤S120、当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
具体的,由于服务器在检测到应用内嵌的HTML页面所需的数据更新时,就会通过建立的连接向应用反馈包括更新数据的更新数据信息,所以应用接收到的更新数据信息中除了包括目标HTML页面对应的待更新数据之外,还可能包括其他HTML页面对应的待更新数据,并且还可能包括除了应用内嵌的HTML页面对应的待更新数据之外的其他更新数据,因此,应用确定内嵌的被打开的目标HTML页面之后,将接收到的更新数据信息中目标HTML页面对应的待更新数据发送给目标HTML页面,以便目标HTML页面刷新显示,示例如,某个被打开的目标HTML页面用来显示直播间的观看人数,那么接收到的更新数据信息中代表“直播间观看人数”的数据即为目标HTML页面对应的待更新数据,此时将代表“直播间观看人数”的数据发送给目标HTML页面,由目标HTML页面刷新显示该数据。
本申请实施例提供的应用内嵌HTML页面刷新方法,当应用启动成功时,建立与服务器之间的连接,以便服务器在检测到应用内嵌的HTML页面所需的数据更新时,通过该连接反馈更新数据信息,更新数据信息包括更新数据,确定内嵌的被打开的目标HTML页面,当接收到服务器通过连接发送的更新数据信息时,将接收到的更新数据信息中目标HTML页面对应的待更新数据发送给目标HTML页面,以便目标HTML页面刷新显示该数据,从而实现目标HTML页面的刷新。由于应用启动时,就与服务器建立连接,服务器在检测到应用内嵌的HTML页面所需数据更新时,便会通过该连接将包括更新数据的更新数据信息反馈给应用,再由应用将服务器反馈的更新数据信息中目标HTML页面对应的待更新数据转发给目标HTML页面,由目标HTML页面刷新显示,实现目标HTML页面的刷新,无需用户重新进入应用内嵌的HTML页面就实现了应用内嵌HTML页面的实时刷新,保证了HTML页面刷新的实时性。
进一步地,对于每个应用,只需要应用与服务器建立一个连接即可,无需其内嵌的每个HTML页面均与服务器建立连接,降低了HTML页面的性能消耗,降低了HTML页面的开发成本。
可选的,HTML页面也可以主动发起更新数据的请求,由于应用启动成功后,就与服务器建立连接,所以HTML页面主动发起的请求可以先发送给应用,由应用转发给服务器,基于此,上述应用内嵌HTML页面刷新方法,还可以包括:
当接收到所述目标HTML页面发送的更新数据的请求时,通过所述连接向所述服务器转发所述请求。
具体的,目标HTML页面发送更新数据的请求的触发机制可以设定为用户点击进入目标HTML页面,当用户点击进入目标HTML页面时,目标HTML页面向应用发送更新数据的请求,应用接收到目标HTML页面发送的更新数据的请求时,利用与服务器建立的连接向服务器转发接收到的请求,当应用接收到服务器发送的与该请求对应的数据时,将该数据再转发给目标HTML页面,以实现目标HTML页面的主动刷新,可选的,还可以在每个HTML页面设置轮询机制,即设定一个定时器及一个固定时间,被打开的目标HTML页面每隔设定的这个固定时间就去向应用发送更新数据的请求,还可以设定其他的目标HTML页面发送更新数据的请求的触发机制,无论设定什么样的触发机制,本申请实施例都支持将目标HTML页面发送的更新数据的请求转发给服务器,实现目标HTML页面的主动刷新。
本申请实施例中,当应用接收到目标HTML页面发送的更新数据的请求时,通过与服务器建立的连接,向服务器转发接收到的请求,不仅实现了目标HTML页面的主动刷新,还充分利用了应用的资源,避免了由于目标HTML页面本身与服务器建立连接导致的消耗性能高,开发成本高的问题。
可选的,当应用关闭时,即可断开与服务器之间建立的连接。
本申请实施例中,对上述步骤S100建立与服务器之间的连接的过程进行介绍,该过程可以包括:
基于WebSocket协议建立与服务器之间的连接。
具体的,WebSocket协议是一种在单个TCP连接上进行全双工通信的协议,使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据,只需要完成一次“握手”,两者之间就直接可以创建持久性的连接,并进行双向数据传输,所以本申请实施例基于此协议建立应用与服务器之间的连接,当然,除WebSocket协议之外,还可以通过诸如WebSocket协议之类的任何当前或未来研发的网络协议、建立与服务器之间的连接。
本申请实施例由于基于WebSocket协议建立应用与服务器之间的连接,可以使得服务器在检测到应用内嵌的HTML页面所需的数据更新时,就可以通过连接反馈更新数据,无需被动地发送更新数据,并且只需要完成一次“握手”,使得应用内嵌HTML页面刷新更加实时。
可选的,上述服务器发送的更新数据信息除了可以包括更新数据之外,还可以包括更新数据对应的事件信息。
具体的,每种数据的更新均代表相应的事件被触发,示例如,“直播间观看人数”的更新代表事件“进入或退出直播间”被触发,当事件被触发时,服务器会将事件被触发所产生的更新数据发送给应用,示例如,当事件“进入或退出直播间”被触发时,服务器会将最新的“直播间观看人数”发送给应用,所以服务器向应用发送的更新数据信息除了可以包括更新数据之外,还可以包括更新数据对应的事件信息,可以为事件名称、事件ID等等,以便应用根据接收到的更新数据信息中的事件信息来确定目标HTML页面对应的待更新数据。
基于此,在上述步骤S110确定内嵌的被打开的目标HTML页面之后,还可以包括:
接收所述目标HTML页面发送的目标事件信息,其中,目标事件为所述目标HTML页面预设的所要监听的事件。
具体的,由于当事件被触发时,服务器会将事件被触发所产生的更新数据以及对应的事件信息发送给应用,所以应用内嵌的每个HTML页面均可预设所要监听的事件,示例如,HTML页面需要实时更新直播间观看人数,可以设置所要监听的事件“进入或退出直播间”,为了使得应用能够在接收到的更新数据中找到目标HTML页面对应的待更新数据,所以目标HTML页面可以将预设的目标事件对应的目标事件信息发送给应用,以便应用根据目标事件信息在接收到的更新数据中找到目标HTML页面对应的待更新数据。
基于此,对上述步骤S120当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示的过程进行介绍,该过程可以包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
具体的,由于目标HTML页面会向应用发送目标事件信息,而服务器发送的更新数据信息中包括更新数据及其对应的事件信息,所以应用接收到的更新数据信息中与目标事件信息一致的事件信息对应的更新数据即为目标HTML页面对应的待更新数据,所以当接收到服务器通过连接发送的更新数据信息时,将接收到的更新数据信息中与目标事件信息一致的事件信息对应的更新数据发送给目标HTML页面,以便目标HTML页面刷新显示,示例如,某个目标HTML页面用来显示直播间的观看人数,那么目标HTML页面被打开时,可以向应用发送目标事件名称“进入或退出直播间”,而服务器检测到事件“进入或退出直播间”被触发时,则会将最新的“直播间观看人数”以及对应的事件名称“进入或退出直播间”发送给应用,此时应用将接收到的更新数据信息中事件名称为“进入或退出直播间”对应的更新数据“直播间观看人数”发送给目标HTML页面。
除了上述通过目标HTML页面向应用发送目标事件信息及服务器向应用发送包含更新数据及更新数据对应的事件信息的更新数据信息,使应用能够在接收到的更新数据信息中找到目标HTML页面对应的待更新数据之外,本申请实施例中还提供了两种可选的使应用能够在接收到的更新数据信息中找到目标HTML页面对应的待更新数据的方式,分别如下:
第一种,上述服务器发送的更新数据信息包括更新数据及更新数据对应的事件信息,预先在应用设置内嵌的每个HTML页面与其对应的目标事件信息之间的映射关系,当上述步骤S110确定内嵌的被打开的目标HTML页面之后,应用可直接在映射关系中找到目标HTML页面对应的目标事件信息,当接收到服务器通过连接发送的更新数据信息时,将接收到的更新数据信息中与目标事件信息一致的事件信息对应的更新数据发送给目标HTML页面,以便目标HTML页面刷新显示。
第二种,应用还可以为每个内嵌的HTML页面均设置一个唯一的索引标记,上述更新数据信息除了可以包括更新数据之外,还可以包括更新数据对应的索引标记,索引标记用于指代更新数据对应的应用内嵌的HTML页面,基于此,上述步骤S110确定内嵌的被打开的目标HTML页面之后,应用还需确定目标HTML页面对应的目标索引标记,当接收到服务器通过连接发送的更新数据信息时,将接收到的更新数据信息中与目标索引标记一致的索引标记对应的更新数据发送给目标HTML页面,以便目标HTML页面刷新显示。
可选的,可以通过向目标HTML页面中注入全局JS代码来实现目标HTML页面与应用之间的交互,基于此,在上述接收所述目标HTML页面发送的目标事件信息之前,还可以包括:
向所述目标HTML页面注入预设的全局JS代码,以便所述目标HTML页面利用所述JS代码发送所述目标事件信息并设置回调方法。
具体的,JS(JavaScript)是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。应用可以向目标HTML页面注入全局JS代码,注入全局JS代码后,目标HTML页面可通过这个全局JS代码与应用进行通信,目标HTML页面可以利用这个JS代码来向应用发送目标事件信息并设置回调方法,以便应用可以调用这个回调方法向目标HTML页面传输数据。
基于此,对上述当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示的过程进行介绍,该过程可以包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,调用所述回调方法将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
具体的,目标HTML页面设置回调方法之后,应用即可通过调用此回调方法将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面。
可选的,上述全局JS代码可以包括JavascriptInterface对象,或,WebViewJavascriptBridge对象的callHandler方法或send方法,所述JavascriptInterface对象供所述目标HTML页面在检测到其宿主系统为安卓系统时基于所述JavascriptInterface对象发送所述目标事件信息,所述callHandler方法及所述send方法供所述目标HTML页面在检测到其宿主系统为IOS系统时基于所述callHandler方法或所述send方法发送所述目标事件信息。
具体的,当应用的宿主系统为安卓系统时,可以在全局JS代码中设置JavascriptInterface对象,用于目标HTML页面在检测到其宿主系统为安卓系统时,基于JavascriptInterface对象向应用发送目标事件信息,当应用的宿主系统为IOS系统时,可以在全局JS代码中设置WebViewJavascriptBridge对象的callHandler方法或send方法,用于目标HTML页面在检测到其宿主系统为IOS系统时,利用WebViewJavascriptBridge对象的callHandler方法或send方法向应用发送目标事件信息。
可选的,目标HTML页面与应用之间的交互除了上述通过注入全局JS代码实现之外,还可以通过目标HTML页面发起自定义协议请求的方式实现。
请参阅图2,图2为应用内嵌HTML页面刷新的过程示意图,接下来结合图2对应用内嵌HTML页面刷新的过程进行介绍,该过程可以包括:
应用启动成功时,基于WebSocket协议建立与服务器之间的连接,应用和服务器之间可以通过此连接进行数据交互,服务器在检测到应用内嵌的HTML页面所需的数据更新时,通过该连接反馈更新数据信息,更新数据信息包括更新数据及更新数据对应的事件信息,当应用内嵌的目标HTML页面被打开时,应用确定内嵌的被打开的目标HTML页面,向目标HTML页面注入全局JS代码,当应用的宿主系统为安卓系统时,向目标HTML页面注入的全局JS代码中可以包括JavascriptInterface对象,当应用的宿主系统为安卓系统时,向目标HTML页面注入的全局IS代码中可以包括WebViewJavascriptBridge对象的callHandler方法或send方法,向目标HTML页面注入全局JS代码后,目标HTML页面可以通过JS代码与应用进行通信,目标HTML页面首先通过预设的方法检测其宿主系统,当检测到其宿主系统为安卓系统时,利用JS代码中的JavascriptInterface对象向应用发送目标事件信息,其中,目标事件为所述目标HTML页面预设的所要监听的事件,当检测到其宿主系统为IOS系统时,利用JS代码中的WebViewJavascriptBridge对象的callHandler方法或send方法向应用发送目标事件信息,并利用JS代码设置回调方法,应用接收目标HTML页面发送的目标事件信息,当接收到服务器通过连接发送的更新数据信息时,更新数据信息包括更新数据及更新数据对应的事件信息,通过调用目标HTML页面设置的回调方法将接收的更新数据信息中与目标事件信息一致的事件信息对应的更新数据发送给目标HTML页面,目标HTML页面接收到应用发送的数据后,进行刷新显示,实现了应用内嵌的目标HTML页面的实时刷新。
下面对本申请实施例提供的应用内嵌HTML页面刷新装置进行描述,下文描述的应用内嵌HTML页面刷新装置与上文描述的应用内嵌HTML页面刷新方法可相互对应参照。
首先,结合图3,对应用内嵌HTML页面刷新装置进行介绍,如图3所示,该应用内嵌HTML页面刷新装置可以包括:
建立连接单元10,用于当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据;
目标HTML页面确定单元20,用于确定内嵌的被打开的目标HTML页面;
数据发送单元30,用于当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
可选的,所述建立连接单元建立与服务器之间的连接的过程,可以包括:
基于WebSocket协议建立与服务器之间的连接。
可选的,所述更新数据信息还包括:更新数据对应的事件信息;
基于此,所述应用内嵌HTML页面刷新装置,还可以包括:
目标事件信息接收单元,用于接收所述目标HTML页面发送的目标事件信息,其中,目标事件为所述目标HTML页面预设的所要监听的事件;
所述数据发送单元当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示的过程,可以包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
可选的,所述应用内嵌HTML页面刷新装置,还可以包括:
全局JS代码注入单元,用于向所述目标HTML页面注入预设的全局JS代码,以便所述目标HTML页面利用所述JS代码发送所述目标事件信息并设置回调方法;
所述数据发送单元当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示的过程,可以包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,调用所述回调方法将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
可选的,所述JS代码可以包括JavascriptInterface对象,或,WebViewJavascriptBridge对象的callHandler方法或send方法,所述JavascriptInterface对象供所述目标HTML页面在检测到其宿主系统为安卓系统时基于所述JavascriptInterface对象发送所述目标事件信息,所述callHandler方法及所述send方法供所述目标HTML页面在检测到其宿主系统为IOS系统时基于所述callHandler方法或所述send方法发送所述目标事件信息。
可选的,所述应用内嵌HTML页面刷新装置,还可以包括:
请求转发单元,用于当接收到所述目标HTML页面发送的更新数据的请求时,通过所述连接向所述服务器转发所述请求。
可选的,所述应用内嵌HTML页面刷新装置,还可以包括:
连接断开单元,用于当应用关闭时,断开所述连接。
本申请实施例提供的应用内嵌HTML页面刷新装置可应用于应用内嵌HTML页面刷新设备。图4示出了应用内嵌HTML页面刷新设备的硬件结构框图,参照图4,应用内嵌HTML页面刷新设备的硬件结构可以包括:至少一个处理器1,至少一个通信接口2,至少一个存储器3和至少一个通信总线4;
在本申请实施例中,处理器1、通信接口2、存储器3、通信总线4的数量为至少一个,且处理器1、通信接口2、存储器3通过通信总线4完成相互间的通信;
处理器1可能是一个中央处理器CPU,或者是特定集成电路ASIC(应用licationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路等;
存储器3可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatilememory)等,例如至少一个磁盘存储器;
其中,存储器存储有程序,处理器可调用存储器存储的程序,所述程序用于:实现前述应用内嵌HTML页面刷新方案中的各个处理流程。
本申请实施例还提供一种存储介质,该存储介质可存储有适于处理器执行的程序,所述程序用于:实现前述应用内嵌HTML页面刷新方案中的各个处理流程。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种应用内嵌HTML页面刷新方法,其特征在于,包括:
当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据;
确定内嵌的被打开的目标HTML页面;
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
2.根据权利要求1所述的方法,其特征在于,所述建立与服务器之间的连接,包括:
基于WebSocket协议建立与服务器之间的连接。
3.根据权利要求1所述的方法,其特征在于,所述更新数据信息还包括:更新数据对应的事件信息;
所述确定内嵌的被打开的目标HTML页面之后,还包括:
接收所述目标HTML页面发送的目标事件信息,其中,目标事件为所述目标HTML页面预设的所要监听的事件;
所述当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示,包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
4.根据权利要求3所述的方法,其特征在于,接收所述目标HTML页面发送的目标事件信息之前,还包括:
向所述目标HTML页面注入预设的全局JS代码,以便所述目标HTML页面利用所述JS代码发送所述目标事件信息并设置回调方法;
所述当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示,包括:
当接收到所述服务器通过所述连接发送的更新数据信息时,调用所述回调方法将接收到的更新数据信息中与所述目标事件信息一致的事件信息对应的更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
5.根据权利要求4所述的方法,其特征在于,所述JS代码包括JavascriptInterface对象,或,WebViewJavascriptBridge对象的callHandler方法或send方法,所述JavascriptInterface对象供所述目标HTML页面在检测到其宿主系统为安卓系统时基于所述JavascriptInterface对象发送所述目标事件信息,所述callHandler方法及所述send方法供所述目标HTML页面在检测到其宿主系统为IOS系统时基于所述callHandler方法或所述send方法发送所述目标事件信息。
6.根据权利要求1所述的方法,其特征在于,还包括:
当接收到所述目标HTML页面发送的更新数据的请求时,通过所述连接向所述服务器转发所述请求。
7.根据权利要求1-6任一项所述的方法,其特征在于,还包括:
当应用关闭时,断开所述连接。
8.一种应用内嵌HTML页面刷新装置,其特征在于,包括:
建立连接单元,用于当应用启动成功时,建立与服务器之间的连接,以便所述服务器在检测到所述应用内嵌的HTML页面所需的数据更新时,通过所述连接反馈更新数据信息,所述更新数据信息包括更新数据;
目标HTML页面确定单元,用于确定内嵌的被打开的目标HTML页面;
数据发送单元,用于当接收到所述服务器通过所述连接发送的更新数据信息时,将接收到的更新数据信息中所述目标HTML页面对应的待更新数据发送给所述目标HTML页面,以便所述目标HTML页面刷新显示。
9.一种应用内嵌HTML页面刷新设备,其特征在于,包括存储器和处理器;
所述存储器,用于存储程序;
所述处理器,用于执行所述程序,实现如权利要求1-7任一项所述的应用内嵌HTML页面刷新方法的各个步骤。
10.一种存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时,实现如权利要求1-7任一项所述的应用内嵌HTML页面刷新方法的各个步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310596295.2A CN116302212A (zh) | 2023-05-25 | 2023-05-25 | 应用内嵌html页面刷新方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310596295.2A CN116302212A (zh) | 2023-05-25 | 2023-05-25 | 应用内嵌html页面刷新方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116302212A true CN116302212A (zh) | 2023-06-23 |
Family
ID=86832723
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310596295.2A Pending CN116302212A (zh) | 2023-05-25 | 2023-05-25 | 应用内嵌html页面刷新方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116302212A (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050188007A1 (en) * | 2004-02-24 | 2005-08-25 | Rich Warner | System and method for embedding data transmission in a web page |
US20090222804A1 (en) * | 2008-02-29 | 2009-09-03 | Illinois Tool Works, Inc. | Embedded firmware updating system and method |
US20110126213A1 (en) * | 2009-11-25 | 2011-05-26 | Macken Luke J | Architecture, system and method for providing real time widgets in a web application framework |
CN102130969A (zh) * | 2011-04-26 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种基于网页实现计时同步方法及系统 |
US20130290479A1 (en) * | 2010-06-08 | 2013-10-31 | Gemalto Sa | Method for connecting to a remote server from a browser enabled with a browser's extension on a host device |
CN104915346A (zh) * | 2014-03-11 | 2015-09-16 | 上海卓岚信息科技有限公司 | 用于网页模块的Web服务器及其输出控制或输入更新方法 |
CN106371875A (zh) * | 2016-08-31 | 2017-02-01 | 南威软件股份有限公司 | 一种基于html5的手机应用更新机制 |
CN106598610A (zh) * | 2016-12-19 | 2017-04-26 | 北京小米移动软件有限公司 | 基于网页应用的刷新实现方法及装置 |
CN108228210A (zh) * | 2017-12-08 | 2018-06-29 | 平安科技(深圳)有限公司 | 一种资源更新方法及系统 |
CN113901374A (zh) * | 2021-10-20 | 2022-01-07 | 中国联合网络通信集团有限公司 | 网页刷新方法、装置、电子设备及存储介质 |
CN114650278A (zh) * | 2022-03-21 | 2022-06-21 | 平安普惠企业管理有限公司 | 混合应用的数据处理方法、装置、计算机设备及存储介质 |
CN115119081A (zh) * | 2022-06-29 | 2022-09-27 | 宁波三星智能电气有限公司 | 数据读取方法、装置、前端设备及存储介质 |
CN115858972A (zh) * | 2022-12-29 | 2023-03-28 | 深圳市六度人和科技有限公司 | 应用程序的页面显示方法及装置、存储介质、计算机设备 |
-
2023
- 2023-05-25 CN CN202310596295.2A patent/CN116302212A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050188007A1 (en) * | 2004-02-24 | 2005-08-25 | Rich Warner | System and method for embedding data transmission in a web page |
US20090222804A1 (en) * | 2008-02-29 | 2009-09-03 | Illinois Tool Works, Inc. | Embedded firmware updating system and method |
US20110126213A1 (en) * | 2009-11-25 | 2011-05-26 | Macken Luke J | Architecture, system and method for providing real time widgets in a web application framework |
US20130290479A1 (en) * | 2010-06-08 | 2013-10-31 | Gemalto Sa | Method for connecting to a remote server from a browser enabled with a browser's extension on a host device |
CN102130969A (zh) * | 2011-04-26 | 2011-07-20 | 苏州阔地网络科技有限公司 | 一种基于网页实现计时同步方法及系统 |
CN104915346A (zh) * | 2014-03-11 | 2015-09-16 | 上海卓岚信息科技有限公司 | 用于网页模块的Web服务器及其输出控制或输入更新方法 |
CN106371875A (zh) * | 2016-08-31 | 2017-02-01 | 南威软件股份有限公司 | 一种基于html5的手机应用更新机制 |
CN106598610A (zh) * | 2016-12-19 | 2017-04-26 | 北京小米移动软件有限公司 | 基于网页应用的刷新实现方法及装置 |
CN108228210A (zh) * | 2017-12-08 | 2018-06-29 | 平安科技(深圳)有限公司 | 一种资源更新方法及系统 |
CN113901374A (zh) * | 2021-10-20 | 2022-01-07 | 中国联合网络通信集团有限公司 | 网页刷新方法、装置、电子设备及存储介质 |
CN114650278A (zh) * | 2022-03-21 | 2022-06-21 | 平安普惠企业管理有限公司 | 混合应用的数据处理方法、装置、计算机设备及存储介质 |
CN115119081A (zh) * | 2022-06-29 | 2022-09-27 | 宁波三星智能电气有限公司 | 数据读取方法、装置、前端设备及存储介质 |
CN115858972A (zh) * | 2022-12-29 | 2023-03-28 | 深圳市六度人和科技有限公司 | 应用程序的页面显示方法及装置、存储介质、计算机设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11915020B2 (en) | Method and arrangement for managing persistent rich internet applications | |
US10198410B2 (en) | Method, device and mobile terminal for restoring page | |
CN103269396B (zh) | 一种对移动终端进行管理的方法和系统 | |
CN109388762B (zh) | 应用分享的方法和装置 | |
US20140258409A1 (en) | Method, server and browser for pushing message actively | |
TWI685228B (zh) | 資訊傳輸方法和裝置 | |
JP6062608B2 (ja) | ウェブページアクセス方法、装置、サーバ、端末、プログラム、及び記録媒体 | |
EP1811747B1 (en) | Method and apparatus for storing and restoring state information of remote user interface | |
CN107154963B (zh) | 一种请求处理方法、装置及电子设备 | |
US20050108299A1 (en) | Real-time Web sharing system | |
CN106878460B (zh) | 通信处理方法及装置 | |
KR20150009996A (ko) | 푸쉬메세지를 표시하는 방법, 장치, 프로그램 및 기록매체 | |
CN107426233A (zh) | 基于B/S架构的数据通信系统、方法、Web服务器及监控系统 | |
CN104301443A (zh) | 一种在web页面上调用端能力接口的方法和系统 | |
US10015204B2 (en) | Method, terminal, and server for restoring transmission of session content | |
WO2017096813A1 (zh) | 网页展示方法、移动终端、智能终端、程序和存储介质 | |
CN108153832B (zh) | 推送信息显示方法及装置 | |
CN108933947B (zh) | 弹幕显示方法及装置 | |
US20140245124A1 (en) | System and method thereof for browser agnostic extension models | |
CN113938451B (zh) | 业务提醒方法、装置、系统、电子设备及存储介质 | |
CN113050904A (zh) | 屏幕共享方法及装置 | |
CN116302212A (zh) | 应用内嵌html页面刷新方法、装置、设备及存储介质 | |
KR101001512B1 (ko) | 인터넷 페이지에 링크 구조로 연결된 콘텐츠 파일의 송수신시스템 및 그 제어방법과, 그 시스템에 사용되는 브라우징장치 | |
CN116308671A (zh) | 基于mqtt协议的在线竞价方法、电子设备及存储介质 | |
CN103678009A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20230623 |