CN110569464A - 一种页面访问方法和装置 - Google Patents

Abstract

本说明书一个或多个实施例提供一种页面访问方法和装置，其中方法包括：获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；将对所述页面链接地址的访问请求重定向到所述重定向地址；根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

Description

一种页面访问方法和装置

技术领域

本说明书一个或多个实施例涉及网络技术，特别涉及一种页面访问方法和装置。

背景技术

在企业级应用系统的开发过程中，前端系统的开发经常会遇到系统间页面嵌入的场景。这种场景一般是系统间的功能具有关联性，例如，系统A希望直接复用系统B的部分能力，但是为了保证系统A产品的完整性和访问的独立性，让用户在使用系统A时感知不到系统B的存在，通常是将系统B的页面嵌入在系统A(可以将系统A称为嵌入系统，系统B称为被嵌入系统)。例如，简单的单个页面的嵌入可以通过HTML的<iframe>标签直接实现。

被嵌入的系统B的页面还可能会有更深层次的页面跳转，例如，系统A的页面A1嵌入了系统B的页面B1，页面B1中有一个链接，点击会跳转到系统B的页面B2。

发明内容

有鉴于此，本说明书一个或多个实施例提供一种页面访问方法和装置，以保证嵌入系统的访问独立性。

具体地，本说明书一个或多个实施例是通过如下技术方案实现的：

第一方面，提供了一种页面访问方法，所述方法包括：

获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；

查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；

将对所述页面链接地址的访问请求重定向到所述重定向地址；

根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

第二方面，提供一种页面访问装置，所述装置包括：

地址获取模块，用于获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；

映射查找模块，用于查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；

重定向模块，用于将对页面链接地址的访问请求重定向到所述重定向地址；

页面渲染模块，用于根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

第三方面，提供一种页面访问设备，所述设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现本说明书任一实施例所述的方法的步骤。

本说明书一个或多个实施例提供的页面访问方法和装置，通过在请求访问不同系统的页面时，将该请求的访问地址重定向到同一系统的地址，并按照原访问地址进行页面渲染，使得能够保持嵌入系统访问的独立性，不会出现域名改变导致的用户体验差的问题。

附图说明

图1是本说明书一个或多个实施例提供的一种系统间页面嵌入场景；

图2是本说明书一个或多个实施例提供的一种页面访问方法的流程；

图3是本说明书一个或多个实施例提供的一种页面访问装置的结构图。

具体实施方式

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

当用户对被嵌入系统的页面进行访问时，可能会遇到如下场景：被嵌入的系统B的页面具有更深层次的页面跳转，例如，系统A的页面A1嵌入了系统B的页面B1，页面B1中有一个链接，点击会跳转到系统B的页面B2。用户可以通过点击该链接以访问B2页面。即本来用户在A系统访问，可由于A系统嵌入了一个B系统的页面B1，当点击B1中的链接时就会是在访问B系统的页面。

请参见图1，图1示例了一种前端开发经常遇到的系统间页面嵌入的场景。系统A中的一个页面是页面A1，该页面A1的访问地址是http://A.com/A1。由于系统A与系统B具有功能关联性，将系统B中的页面B1以嵌入方式嵌入在系统A中。例如，将页面B1通过HTML的<iframe>标签嵌入在页面A1中，该页面B1的访问地址是http://B.com/B1。页面B1中还存在一个页面链接地址，该页面链接地址可以是http://B.com/B2，若用户点击该地址，将跳转到页面B2。该页面B2是系统B下的页面。

本说明书一个或多个实施例提供的页面访问方法，目的是当发生上述场景下的系统间页面跳转访问时，使得保持系统A的访问独立性。这里的“独立性”是指用户在嵌入系统中访问时，保证地址栏中一直是嵌入系统的域名。此外，若用户在被嵌入系统中访问时，该方法也能够保证地址栏中一直是被嵌入系统的域名，且页面显示正常，同时保证嵌入系统和被嵌入系统访问的独立性。

图2是本说明书一个或多个实施例提供的一种页面访问方法的流程，例如，该方法访问的页面可以是图1中的页面B2，或者也可以是页面B2中链接跳转的页面B3，等。其中，如下流程以图1的场景为例描述，即系统A的页面A1中嵌入了系统B的页面B1，且页面B1中存在一个链接点击会跳转到页面B2。可以将系统A称为“嵌入系统”，将系统B称为“被嵌入系统”。

在步骤200中，嵌入系统监听事件消息。

本步骤中，页面B1可以通过HTML中的<iframe>标签嵌入在页面A1中，例如，<iframe src＝"https://B.com/B/B1"/>。需要说明的是，在本实施例中，页面访问地址采用统一的命名格式：https://${系统名}.com/${系统名}/${页面名}。

页面A1加载后，开始监听是否接收到嵌入的页面B1发送的事件消息。

在步骤202中，被嵌入系统页面向嵌入系统发送事件消息，该事件消息中携带页面链接地址。

例如，所述的被嵌入系统页面即页面B1，所述的页面链接地址即页面B2的访问地址。当用户访问A1页面时，该A1中也嵌入了页面B1，用户同样可以访问页面B1。若用户点击了页面B1中的链接跳转，表示要请求访问该页面B1中的链接，此时页面B1可以向其父容器页面A1发送重定向事件消息。该事件消息中携带页面B2的页面链接地址，该事件消息中的B2地址可以是相对地址，例如B/B2，相对地址即访问路径中不包括域名的地址。

此外，上述的事件消息中还可以包括用于指示进行地址重定向的事件名称。

如下示例一种事件消息的格式：

window.parent.postMessage({

type:'windowRedirect',//事件名称

redirect:'B/B2'//页面链接地址

},'*')；

通过采用上述的嵌入系统监听事件消息以及被嵌入系统发送事件消息的机制，使得被嵌入系统能够在检测到对页面链接地址的访问请求时及时的指示嵌入系统进行地址重定向；并且该机制也使得嵌入系统的处理更加灵活，比如，嵌入系统如果不想处理被嵌入系统发送的事件消息，可以不监听该消息即可。

在步骤204中，嵌入系统在收到事件消息后，查找地址映射表，得到事件消息中携带的页面链接地址对应的重定向地址。

例如，嵌入系统的页面A1在接收到事件消息后，查找地址映射表。该地址映射表可以是预先建立的页面链接地址与重定向地址的对应关系。比如，如下示例了两组对应关系，页面链接地址属于B系统(即被嵌入系统)，重定向地址属于A系统(即嵌入系统)。

在步骤206中，嵌入系统将对页面链接地址的访问请求重定向到所述重定向地址。

例如，本来用户点击了图1中B2页面的链接，而A系统将该链接访问请求重定向到https://A.com/A/B2，该重定向地址即上述地址映射表中的"A":"/A/B2"，并且该地址是属于系统A的访问地址。当嵌入系统重定向到所述重定向地址后，浏览器的地址栏显示该重定向地址。

此外，如果在步骤204中，嵌入系统在地址映射表中没有找到页面链接地址对应的重定向地址，则可以提示页面不存在，结束本次页面访问流程。

通过在地址映射表中不存在页面链接地址对应的重定向地址时，结束本次页面访问流程，使得不会出现用户的访问域名突然变化的情况，保持嵌入系统的访问独立性，用户体验较好。

在步骤208中，根据所述页面链接地址进行页面渲染，并将所述页面渲染的页面嵌入所述嵌入系统进行显示。

本步骤中，嵌入系统可以再次查找地址映射表，获得重定向地址对应的页面链接地址，根据该页面链接地址，获取页面内容进行渲染。页面渲染后的页面以iframe标签嵌入在所述嵌入系统中，如下：<iframe src＝"https://B.com/B/B2"/>。

例如，可以找到重定向地址https://A.com/A/B2对应的页面链接地址是https://B.com/B/B2，并根据该地址进行B2页面的渲染。通过根据页面链接地址进行页面渲染，使得能够在重定向的同时，也保证页面内容能够正常显示。

此外，在其他的实施方式中，也可以是保存在步骤204中得到的对应关系，在该步骤中就可以直接根据保存的对应关系中获得的页面链接地址进行渲染。或者，还可以是直接存储接收到的事件消息中携带的页面链接地址，根据该地址进行页面渲染。

本实施例的页面访问方法，通过在请求访问不同系统的页面时，将该请求的访问地址重定向到同一系统的地址，并按照原访问地址进行页面渲染，使得能够保持嵌入系统访问的独立性，不会出现域名改变导致的用户体验差的问题。

并且，该方法是通过地址重定向的方式来改变浏览器地址栏显示的访问地址，而不是通过改变访问的绝对地址实现，这种方式的效果是能够同时保证嵌入系统和被嵌入系统的访问独立性。比如，上述图2的例子中已经实现了嵌入系统(系统A)访问的独立性。而当页面B1是在系统B中时，用户点击了页面B1中链接的B2页面，可以直接跳转访问，可以不用重定向。

例如，页面B1在检测到其中链接的B2页面被用户点击请求访问时，可以均发送事件消息。而对于该事件消息如何处理，可以由页面B1的上一级页面确定。比如，若页面B1嵌入在页面A1中，A1可以根据该事件消息查找地址映射表进行地址重定向。而若页面B1在系统B中，当B1页面检测到用户对B2链接的点击访问时，尽管B1仍然可以发送事件消息，但是系统B可以不接收和不处理该消息，并且系统B可以直接根据链接的B2页面的相对地址“B/B2”跳转到本域地址https://B.com/B/B2，正常访问B2页面即可，用户看到的地址也仍然是系统B的地址。

图1中示例的场景是页面A1中嵌入了页面B1，这是被嵌入页面是单个页面的情况，在其他的场景中，页面A1可以嵌入多个页面。比如，页面A1中嵌入了页面B1，还嵌入了页面B2，并假设B1和B2中均设置有链接地址，用户可以点击该链接地址请求访问系统B的另一个页面。对于B1或者B2，均可以在检测到用户点击链接时，向页面A1发送事件消息，并按照图2所示的流程进行访问地址的重定向。

此外，可能存在更深层次的页面跳转的情况，例如：页面B1中具有B2的链接地址，等显示B2后，B2页面中还具有B3的链接地址；B3的页面中还具有B4的链接地址，等。这种多层次的链接跳转，也同样能够应用本说明书提供的页面访问方法。比如，以当前显示B3页面，用户点击其中的B4链接地址为例，当用户点击链接时，页面B3可以向系统A(如图2流程所示，B3页面也是以iframe嵌入在系统A中)发送事件消息，系统A收到事件消息后对页面链接地址进行重定向，并将渲染的B4页面嵌入在系统A中。

在其他的实施方式中，还可以将本说明书的页面访问方法的一些流程步骤抽象为独立模块，供嵌入系统和被嵌入系统进行调用访问，以减少对嵌入系统和被嵌入系统代码的侵入性。比如，被嵌入系统检测到链接点击时，可以调用所述的独立模块，该独立模块可以向嵌入系统发送事件消息。而嵌入系统收到事件消息后，也可以调用访问该独立模块，通过该独立模块去查找地址映射表获得页面链接地址对应的重定向地址。如上，具体将哪些步骤设置为可以单独访问的独立模块，可以根据实际需求确定。这种独立模块的设置方式可以使得本说明书的页面访问方法能够方便的应用于各个系统。

本说明书至少一个实施例的页面访问方法，在页面嵌入场景下，存在二级或更深次页面跳转时，能够通过被嵌入系统向嵌入系统发送消息，嵌入系统通过地址映射表找到对应的本系统地址进行地址重定向，保证了嵌入系统和被嵌入系统中均能独立性访问目标页面，对用户使用无感，保证了产品访问的完整性。这里的独立性是指在此场景下，嵌入系统中访问时保证地址栏中永远是嵌入系统的域名，在被嵌入系统中访问时保证地址栏中永远是被嵌入系统的域名，且页面显示和交互正常。同时，该方案具备较好的通用性和扩展性，对于单个或多个被嵌入页面、或者更深层级的页面交互的情景，都能够适用。

图3是本说明书至少一个实施例提供的页面访问装置的结构示意图，该装置可以用于执行本说明书任一实施例的页面访问方法。如图3所示，该装置可以包括：地址获取模块31、映射查找模块32、重定向模块33和页面渲染模块34。其中，

地址获取模块31，用于获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；

映射查找模块32，用于查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；

重定向模块33，用于将对页面链接地址的访问请求重定向到重定向地址；

页面渲染模块34，用于根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

在一个实施例中，地址获取模块31，具体是用于监听是否接收到所述被嵌入系统发送的重定向事件消息，接收所述重定向事件消息，所述重定向事件消息中包括：用于指示地址重定向的事件名称、以及所述页面链接地址。

在一个实施例中，映射查找模块32，还用于：若所述地址映射表中不存在所述页面链接地址对应的重定向地址，则结束本次页面访问流程。

在一个实施例中，所述页面渲染后的页面以iframe标签嵌入在嵌入系统中。

本说明书至少一个实施例还提供了一种页面访问设备，所述设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现本说明书任一实施例所述的页面访问方法中的处理步骤。

本说明书至少一个实施例还提供了一种计算机可读存储介质，该介质上存储有计算机程序，该程序被处理器执行时，可以实现本说明书任一实施例所述方法中的处理步骤，或者可以实现本说明书任一实施例所述的方法的处理步骤。

上述方法实施例中所示流程中的各个步骤，其执行顺序不限制于流程图中的顺序。此外，各个步骤的描述，可以实现为软件、硬件或者其结合的形式，例如，本领域技术人员可以将其实现为软件代码的形式，可以为能够实现所述步骤对应的逻辑功能的计算机可执行指令。当其以软件的方式实现时，所述的可执行指令可以存储在存储器中，并被设备中的处理器执行。

上述实施例阐明的装置或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本说明书一个或多个实施例时可以把各模块的功能在同一个或多个软件和/或硬件中实现。

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

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

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

本说明书一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书一个或多个实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于数据采集设备或者数据处理设备实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

以上所述仅为本说明书一个或多个实施例的较佳实施例而已，并不用以限制本说明书一个或多个实施例，凡在本说明书一个或多个实施例的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本说明书一个或多个实施例保护的范围之内。

Claims (10)

1.一种页面访问方法，所述方法包括：

获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；

查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；

将对所述页面链接地址的访问请求重定向到所述重定向地址；

根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

2.根据权利要求1所述的方法，

所述获取被嵌入系统页面中的页面链接地址，包括：

监听是否接收到所述被嵌入系统发送的重定向事件消息；

接收所述重定向事件消息，所述重定向事件消息中包括：用于指示地址重定向的事件名称、以及所述页面链接地址。

3.根据权利要求1所述的方法，

所述查找地址映射表之后，所述方法还包括：若所述地址映射表中不存在所述页面链接地址对应的重定向地址，则结束本次页面访问流程。

4.根据权利要求1所述的方法，

所述根据页面链接地址进行页面渲染，包括：

查找所述地址映射表，获得所述重定向地址对应的页面链接地址；

根据所述页面链接地址，获取页面内容进行渲染。

5.根据权利要求1所述的方法，

所述将渲染的页面嵌入在所述嵌入系统中显示，包括：将页面渲染后的页面以iframe标签嵌入在所述嵌入系统中。

6.一种页面访问装置，所述装置包括：

地址获取模块，用于获取被嵌入系统页面中的页面链接地址，所述页面链接地址是在用户请求访问所述页面链接地址对应的页面时发送；

映射查找模块，用于查找地址映射表，获取所述页面链接地址对应的重定向地址，所述重定向地址是所述嵌入系统中的页面访问地址；

重定向模块，用于将对页面链接地址的访问请求重定向到所述重定向地址；

页面渲染模块，用于根据所述页面链接地址进行页面渲染，并将渲染的页面嵌入在所述嵌入系统中显示。

7.根据权利要求6所述的装置，

所述地址获取模块，具体是用于监听是否接收到所述被嵌入系统发送的重定向事件消息，接收所述重定向事件消息，所述重定向事件消息中包括：用于指示地址重定向的事件名称、以及所述页面链接地址。

8.根据权利要求6所述的装置，

所述映射查找模块，还用于：若所述地址映射表中不存在所述页面链接地址对应的重定向地址，则结束本次页面访问流程。

9.根据权利要求6所述的装置，所述页面渲染后的页面以iframe标签嵌入在所述嵌入系统中。

10.一种页面访问设备，所述设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现权利要求1至5任一所述的方法的步骤。