CN114416195B - 一种h5页面加载方法、装置、智能终端及服务器 - Google Patents

Abstract

本发明提供的H5页面加载方法、装置、智能终端及服务器，应用于互联网技术领域，智能终端加载目标H5页面并发送当前用户的登录信息，服务器根据登录信息发送登录请求和辅助页面，智能终端加载辅助页面并退回至目标H5页面，仅进行页面回退操作，从而顺利接收到服务器的登录请求，然后响应该登录请求，存储目标H5页面，并切换至登录页面，在当前用户登录成功的情况下，智能终端再次加载目标H5页面。本方法引入辅助页面，通过辅助页面实现页面回退操作，确保智能终端可以顺利的接收到登录请求，然后自动再次加载目标H5页面，整个过程除登录操作以外完全不需要用户参与，有效减少用户的点击次数，有助于提高用户的使用感受。

Description

一种H5页面加载方法、装置、智能终端及服务器

技术领域

本发明属于互联网技术领域，尤其涉及一种H5页面加载方法、装置、智能终端及服务器。

背景技术

对运行于手机、平板电脑等智能终端的小程序，比如微信小程序的大小有着严格的要求，因此，会将一些小程序中的页面存储于远端的服务器中，此类存储于服务器中的小程序页面即本发明涉及的H5页面，智能终端大都通过webview技术获取并加载H5页面。

在实际应用中，如果用户浏览的H5页面需要用户进行登录操作，服务器会向智能终端发送登录请求，由智能终端根据所得登录请求加载登录页面，进而进行登录验证。由于很多小程序不支持服务器与智能终端之间的实时通信，服务器发送的登录请求只有在小程序进行页面回退、组件销毁或页面分享操作时才能被智能终端接收。

对于基于页面回退接收登录请求的场景而言，智能终端首先需要由当前显示的H5页面回退到H5页面之前的小程序页面，然后加载登录页面，在完成登录后，用户需要再次进行点击操作才能回到H5页面，由于用户参与的操作较多，影响用户的使用感受。

发明内容

有鉴于此，本发明的目的在于提供一种H5页面加载方法、装置、智能终端及服务器，通过辅助页面实现页面回退，确保完成用户登录操作，在此基础上实现目标H5页面自动加载，减少用户的点击次数，有助于提高用户的使用感受，具体方案如下：

第一方面，本发明提供一种H5页面加载方法，应用于智能终端，所述方法包括：

加载目标H5页面并发送当前用户的登录信息；

获取并加载辅助页面；

其中，所述辅助页面以及与所述登录信息对应的登录请求同步生成；

退回所述目标H5页面，以接收所述登录请求；

响应所述登录请求，存储所述目标H5页面并切换至登录页面；

在所述当前用户登录成功的情况下，再次加载所述目标H5页面。

可选的，所述存储所述目标H5页面并切换至登录页面，包括：

存储所述目标H5页面的链接地址；

卸载所述目标H5页面，并加载登录页面。

可选的，在退回所述目标H5页面之前，还包括：

将所述辅助页面的预设销毁标志位由无效状态修改为有效状态。

可选的，所述卸载所述目标H5页面，包括：

获取所述预设销毁标志位的状态；

若所述预设销毁标志位由无效状态切换为有效状态，卸载所述目标H5页面。

可选的，所述再次加载所述目标H5页面，包括：

根据所述链接地址获取所述目标H5页面的页面信息；

根据所述页面信息再次加载所述目标H5页面。

第二方面，本发明提供一种H5页面加载方法，应用于服务器，所述方法包括：

接收当前用户的登录信息，且所述登录信息在目标H5页面加载后发出；

若所述当前用户处于未登录状态，发送登录请求和辅助页面；

其中，所述辅助页面用于进行页面回退操作后接收所述登录请求，所述登录请求用于加载登录页面；

获取所述当前用户登录成功情况下的所述目标H5页面的加载请求；

根据所述加载请求反馈所述目标H5页面的页面信息，所述页面信息用于再次加载所述目标H5页面。

第三方面，本发明提供一种H5页面加载装置，应用于智能终端，所述装置包括：

第一加载单元，用于加载目标H5页面并发送当前用户的登录信息；

第二加载单元，用于获取并加载辅助页面；

其中，所述辅助页面以及与所述登录信息对应的登录请求同步生成；

退回单元，用于退回所述目标H5页面，以接收所述登录请求；

切换单元，用于响应所述登录请求，存储所述目标H5页面并切换至登录页面；

第三加载单元，用于在所述当前用户登录成功的情况下，再次加载所述目标H5页面。

第四方面，本发明提供一种H5页面加载装置，应用于服务器，所述装置包括：

接收单元，用于接收当前用户的登录信息，且所述登录信息在目标H5页面加载后发出；

发送单元，用于若所述当前用户处于未登录状态，发送登录请求和辅助页面；

其中，所述辅助页面用于进行页面回退操作后接收所述登录请求，所述登录请求用于加载登录页面；

第一获取单元，用于获取所述当前用户登录成功情况下的所述目标H5页面的加载请求；

反馈单元，用于根据所述加载请求反馈所述目标H5页面的页面信息，所述页面信息用于再次加载所述目标H5页面。

第五方面，本发明提供一种智能终端，包括：存储器和处理器；所述存储器存储有适于所述处理器执行的程序，以实现本发明第一方面任一项所述的H5页面加载方法。

第六方面，本发明提供一种服务器，包括：存储器和处理器；所述存储器存储有适于所述处理器执行的程序，以实现本发明第二方面所述的H5页面加载方法。

基于上述技术方案，本发明实施例所提供的H5页面加载方法，智能终端加载目标H5页面并发送当前用户的登录信息，服务器根据登录信息发送登录请求和辅助页面，智能终端加载辅助页面并退回至目标H5页面，仅进行页面回退操作，从而顺利接收到服务器的登录请求，然后响应该登录请求，存储目标H5页面，并切换至登录页面，由当前用户输入登录信息，在当前用户登录成功的情况下，智能终端再次加载目标H5页面。本发明提供的H5页面加载方法，引入辅助页面，通过辅助页面实现页面回退操作，确保智能终端可以顺利的接收到登录请求，完成用户登录操作，然后自动再次加载目标H5页面，整个过程除登录操作以外完全不需要用户参与，有效减少用户的点击次数，有助于提高用户的使用感受。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种H5页面加载方法的流程图；

图2是本发明实施例提供的一种H5页面加载装置的结构框图；

图3是本发明实施例提供的另一种H5页面加载装置的结构框图；

图4是本发明实施例提供的再一种H5页面记载装置的结构框图；

图5是本发明实施例提供的一种智能终端的结构框图；

图6是本发明实施例提供的一种服务器的结构框图。

具体实施方式

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

为便于理解本发明提供的H5页面加载方法，首先对后续内容涉及的相关概念予以说明。本申请实施例中述及的智能终端，是指运行有小程序的电子设备，比如智能手机、平板电脑等，服务器是指存储由H5页面的服务器，运行于智能终端的小程序可以基于webview技术获取存储于服务器的H5页面，并在智能终端上予以显示，相对于H5页面，小程序中不用访问服务器即可由智能终端显示的页面即小程序页面。本发明实施例中述及的小程序，可以是现有技术中的任意一款小程序，比如微信小程序或支付宝小程序等。

基于上述内容，参见图1，图1是本发明实施例提供的一种H5页面加载方法的流程图，如图1所示，该方法的流程可以包括：

S100、智能终端加载目标H5页面并发送当前用户的登录信息。

在实际应用中，为了提高用户的使用感受，不论当前用户是否登录了小程序，智能终端都会根据当前用户对小程序的点击操作从服务器处获取并加载H5页面，与此同时，还会向服务器发送当前用户的登录信息，该登录信息用于表征当前用户是处于登录状态还是处于未登录状态。具体的，登录信息的发送可以基于传参的形式实现，当然，还可以采用现有技术中的其他方式实现，本发明对此不做限定。

可以理解的是，本步骤中智能终端加载目标H5页面的过程是由当前用户触发的，比如点击小程序中的页面组件，通过该组件获得相应的目标H5页面信息等。

S110、服务器接收当前用户的登录信息。

由前述步骤可知，该登录信息是在智能终端加载目标H5页面后发送的，服务器接收当前用户的登录信息的具体实现可以参照现有技术实现，与S100相互配合即可，本发明对此不做限定。

S120、服务器在当前用户处于未登录状态情况下，发送登录请求和辅助页面。

服务器根据所得登录信息可以确定当前用户是否处于登录状态，如果当前用户处于未登录状态，则向智能终端发送登录请求和辅助页面。

可以理解的是，根据前述内容可知，在智能终端的小程序不能与服务器进行实时通信的情况下，只有在小程序进行页面回退、组件销毁或者页面分享操作时，智能终端才能成功接收到服务器发送的登录请求，因此，虽然在本步骤中服务器发送了登录请求，但是智能终端目前尚未成功接收到该登录请求，只能接收到该辅助页面。

可选的，服务器可以通过调用预设接口函数的方式向智能终端发送登录请求。比如，对于微信小程序而言，可以通过uni.postMessage()实现登录请求的发送。当然，还可以通过其他能够进行登录请求发送的方式，此处不再一一列举。

需要说明的是，如果登录信息表示当前用户已经处于登录状态，则可以直接按照现有技术，根据用户操作执行目标H5页面展示的相应功能，不再执行后续步骤。

S130、智能终端获取并加载辅助页面。

在服务器发送辅助页面后，智能终端可以顺利接收并加载该辅助页面，并在显示界面中予以显示。

S140、智能终端退回至目标H5页面，以接收登录请求。

智能终端将当前加载的辅助页面回退至目标H5页面，即通过辅助页面实现了页面回退操作，基于前述内容可知，进行页面回退操作可以使得智能终端成功接收到服务器在S120中发送的登录请求。

可选的，在进行页面回退操作的同时，智能终端还可以将辅助页面中的预设销毁标志位由无效状态修改为有效状态，即由False修改为Ture。

S150、智能终端响应登录请求，存储目标H5页面并切换至登录页面。

在成功接收到服务器发送的登录请求之后，智能终端存储目标H5页面，具体的，可以存储目标H5页面在服务器中的链接地址，并检测辅助页面的预设销毁标志位，如果该预设销毁标志位由无效状态修改为有效状态，则卸载目标H5页面，同时记载预设的登录页面。

可以理解的是，如果没有提供该预设销毁标志位，智能终端在存储目标H5页面之后，可以直接卸载目标H5页面，即直接卸载当前的webview节点，然后记载登录页面。

需要说明的是，对于登录页面的加载过程，可以参照现有技术实现，本发明对此不做具体的限定。

S160、智能终端在当前用户登录成功情况下发送目标H5页面的加载请求。

智能终端加载登录页面后，当前用户即可在登录页面中输入登录所需的相关信息，比如用户名，登录密码等，如果当前用户登录成功，则向服务器发送目标H5页面的加载请求。

相反的，当前用户未能成功登录，则不能进行后续的操作，此种情况可以按照现有技术实现，此处不再展开。

可选的，如果前述步骤中存储有目标H5页面的链接地址，本步骤中发送的加载请求中，应该包括该链接地址，从而通过该链接地址获取目标H5页面的页面信息。

S170、服务器获取目标H5页面的加载请求，并根据加载请求反馈目标H5页面的页面信息。

可选的，如果智能终端的加载请求中包括目标H5页面的链接地址，服务器可以根据该链接地址反馈相应的页面信息。当然，如果加载请求中并未包含目标H5页面的链接地址，还可以通过其他能够确定目标H5页面的页面信息的方式实现，在不超出本发明核心思想的前提下，同样属于本发明保护的范围内。

S180、智能终端再次加载目标H5页面。

经过前述步骤，当前用户已经完成登录，智能终端即可根据所得页面信息再次加载目标H5页面，此次加载成功后，当前用户便可以访问目标H5页面中的所有预设功能。

综上所述，本发明提供的H5页面加载方法，引入辅助页面，通过辅助页面实现页面回退操作，确保智能终端可以顺利的接收到登录请求，完成用户登录操作，然后自动再次加载目标H5页面，整个过程除登录操作以外完全不需要用户参与，有效减少用户的点击次数，有助于提高用户的使用感受。

下面对本发明实施例提供的H5页面加载装置进行介绍，下文描述的H5页面加载装置可以认为是为实现本发明实施例提供的H5页面加载方法，在中央设备中需设置的功能模块架构；下文描述内容可与上文相互参照。

图2为本发明实施例提供的一种H5页面加载装置的结构框图，该装置应用于智能终端，参照图2，该装置可以包括：

第一加载单元1，用于加载目标H5页面并发送当前用户的登录信息；

第二加载单元2，用于获取并加载辅助页面；

其中，所述辅助页面以及与所述登录信息对应的登录请求同步生成；

退回单元3，用于退回目标H5页面，以接收登录请求；

切换单元4，用于响应登录请求，存储目标H5页面并切换至登录页面；

第三加载单元5，用于在当前用户登录成功的情况下，再次加载目标H5页面。

可选的，切换单元4，用于存储目标H5页面并切换至登录页面，包括：

存储目标H5页面的链接地址；

卸载目标H5页面，并加载登录页面。

可选的，第三加载单元5，用于再次加载目标H5页面，包括：

根据链接地址获取目标H5页面的页面信息；

根据页面信息再次加载目标H5页面。

可选的，参见图3，图3是本发明实施例提供的另一种H5页面加载装置的结构框图，在图2所示实施例的基础上，本装置还包括：

记录单元6，用于将辅助页面的预设销毁标志位由无效状态修改为有效状态。

可选的，切换单元4，用于卸载目标H5页面，具体包括：

获取预设销毁标志位的状态；

若预设销毁标志位由无效状态切换为有效状态，卸载目标H5页面。

可选的，参见图4，图4是本发明实施例提供的另一种H5页面加载装置的结构框图，应用于服务器，该装置包括：

接收单元7，用于接收当前用户的登录信息，且所述登录信息在目标H5页面加载后发出；

发送单元8，用于若当前用户处于未登录状态，发送登录请求和辅助页面；

其中，所述辅助页面用于进行页面回退操作后接收所述登录请求，所述登录请求用于加载登录页面；

第一获取单元9，用于获取智能终端在当前用户登录成功情况下发送的目标H5页面的加载请求；

反馈单元10，用于根据加载请求反馈目标H5页面的页面信息，所述页面信息用于再次加载目标H5页面。

可选的，参见图5，图5为本发明实施例提供的智能终端的结构框图，参见图5所示，可以包括：至少一个处理器100，至少一个通信接口200，至少一个存储器300和至少一个通信总线400；

在本发明实施例中，处理器100、通信接口200、存储器300、通信总线400的数量为至少一个，且处理器100、通信接口200、存储器300通过通信总线400完成相互间的通信；显然，图6所示的处理器100、通信接口200、存储器300和通信总线400所示的通信连接示意仅是可选的；

可选的，通信接口200可以为通信模块的接口；

处理器100可能是一个中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。

存储器300，存储有应用程序，可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

其中，处理器100具体用于执行存储器内的应用程序，以实现上述所述的H5页面加载方法中智能终端所执行方法的任一实施例。

可选的，参见图6，图6为本发明实施例提供的服务器的结构框图，参见图6所示，可以包括：至少一个处理器500，至少一个通信接口600，至少一个存储器700和至少一个通信总线800；

在本发明实施例中，处理器500、通信接口600、存储器700、通信总线800的数量为至少一个，且处理器500、通信接口600、存储器700通过通信总线800完成相互间的通信；显然，图6所示的处理器500、通信接口600、存储器700和通信总线800所示的通信连接示意仅是可选的；

可选的，通信接口600可以为通信模块的接口；

处理器500可能是一个中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。

存储器700，存储有应用程序，可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

其中，处理器500具体用于执行存储器内的应用程序，以实现上述所述的H5页面加载方法中服务器所执行方法的任一实施例。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的核心思想或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种H5页面加载方法，其特征在于，应用于智能终端，所述方法包括：

当前用户对小程序的点击操作，从服务器处加载目标H5页面并发送当前用户的登录信息；

获取并加载辅助页面，并在显示界面中予以显示；

其中，所述辅助页面以及与所述登录信息对应的登录请求同步生成；

辅助页面用于实现退回所述目标H5页面，以接收所述登录请求；

响应所述登录请求，存储所述目标H5页面并切换至登录页面；

在所述当前用户登录成功的情况下，再次自动加载所述目标H5页面。

2.根据权利要求1所述的H5页面加载方法，其特征在于，所述存储所述目标H5页面并切换至登录页面，包括：

存储所述目标H5页面的链接地址；

卸载所述目标H5页面，并加载登录页面。

3.根据权利要求2所述的H5页面加载方法，其特征在于，在退回所述目标H5页面之前，还包括：

将所述辅助页面的预设销毁标志位由无效状态修改为有效状态。

4.根据权利要求3所述的H5页面加载方法，其特征在于，所述卸载所述目标H5页面，包括：

获取所述预设销毁标志位的状态；

若所述预设销毁标志位由无效状态切换为有效状态，卸载所述目标H5页面。

5.根据权利要求2所述的H5页面加载方法，其特征在于，再次加载所述目标H5页面，包括：

根据所述链接地址获取所述目标H5页面的页面信息；

根据所述页面信息再次加载所述目标H5页面。

6.一种H5页面加载方法，其特征在于，应用于服务器，所述方法包括：

当前用户对小程序的点击操作后，智能终端加载目标H5页面，所述服务器接收当前用户的登录信息，且所述登录信息在目标H5页面加载后发出；

若所述当前用户处于未登录状态，发送登录请求和辅助页面，所述辅助页面被加载并在显示界面中予以显示；

其中，所述辅助页面用于进行H5页面回退操作后接收所述登录请求，所述登录请求用于加载登录页面；

获取所述当前用户登录成功情况下的所述目标H5页面的加载请求；

根据所述加载请求反馈所述目标H5页面的页面信息，所述页面信息用于再次自动加载所述目标H5页面。

7.一种H5页面加载装置，其特征在于，应用于智能终端，所述装置包括：

第一加载单元，用于当前用户对小程序的点击操作，从服务器处加载目标H5页面并发送当前用户的登录信息；

第二加载单元，用于获取并加载辅助页面，并在显示界面中予以显示；

其中，所述辅助页面以及与所述登录信息对应的登录请求同步生成；

退回单元，用于辅助页面用于实现退回所述目标H5页面，以接收所述登录请求；

切换单元，用于响应所述登录请求，存储所述目标H5页面并切换至登录页面；

第三加载单元，用于在所述当前用户登录成功的情况下，再次自动加载所述目标H5页面。

8.一种H5页面加载装置，其特征在于，应用于服务器，所述装置包括：

接收单元，用于当前用户对小程序的点击操作后，智能终端加载目标H5页面，所述服务器接收当前用户的登录信息，且所述登录信息在目标H5页面加载后发出；

发送单元，用于若所述当前用户处于未登录状态，发送登录请求和辅助页面，所述辅助页面被加载并在显示界面中予以显示；

其中，所述辅助页面用于进行H5页面回退操作后接收所述登录请求，所述登录请求用于加载登录页面；

第一获取单元，用于获取所述当前用户登录成功情况下的所述目标H5页面的加载请求；

反馈单元，用于根据所述加载请求反馈所述目标H5页面的页面信息，所述页面信息用于再次自动加载所述目标H5页面。

9.一种智能终端，其特征在于，包括：存储器和处理器；所述存储器存储有适于所述处理器执行的程序，以实现权利要求1至5任一项所述的H5页面加载方法。

10.一种服务器，其特征在于，包括：存储器和处理器；所述存储器存储有适于所述处理器执行的程序，以实现权利要求6所述的H5页面加载方法。