HTML5界面与APP界面切换方法、装置、介质和电子设备与流程

本公开涉及计算机技术领域，具体而言，涉及一种html5界面与app界面切换方法、装置、介质和电子设备。

背景技术：

传统前端业务中，通常是直接在app内编写界面，这造成的问题是当发布的应用版本前端出现错误时，难以及时进行更正，需要用户更新应用才能解决显示页面错误的问题。目前流行的做法是，将html5嵌入app中作为前端页面进行展示，因此，对于现有的已经发布的使用传统方式编写的app需要进行升级改造。然而，对于尚未完全改造完成的项目，如部分页面改造未完成，或部分操作系统(ios、android)改造版本未完成，则在app和html5之间进行切换可能会发生错误，目前，app与html5的交互，主要通过定义特定的协议来完成不同的功能。为了保证改造过程中系统的正常运行，在多端交互频繁的情况下，需要大量定义特殊的参数来作为交互的协议内容，分散且不易维护。在对可预见范围内的功能处理偏弱，如果需要有新功能接入，需要在多端同时开发对应的功能才能实现，这浪费了大量的人力，造成了企业成本的浪费。

技术实现要素：

本公开的目的在于提供一种html5界面与app界面切换方法、装置、介质和电子设备，能够解决上述提到的至少一个技术问题。具体方案如下：

根据本公开的具体实施方式，第一方面，本公开提供一种html5界面与app界面切换方法，包括：

步骤1：执行html5界面间切换指令，并核实所切换的html5页面是否存在；

步骤2：若切换的html5页面不存在，则修改协议，请求访问对应的app页面；

步骤3：所述app对所述访问进行匹配验证；

步骤4：若验证通过，则在所述app页面打开所述请求访问的页面，若验证不通过，则使用网络浏览器打开所述请求访问的html5页面。

进一步的，所述步骤4中在所述app页面打开所述请求访问的页面之后还包括：

执行完成从html5页面跳转至app页面后，根据所述html5请求访问内容确定跳转回html5页面或是继续跳转至app后续页面执行后续流程。

进一步的，所述步骤1中，所述执行html5界面间切换指令，并核实所切换的页面是否存在之后，包括：

若切换的页面存在，则从html5当前页面跳转至html5下一页面。

进一步的，所述app对所述访问进行匹配验证包括：

在app设置监听事件，对访问来源进行监听，以获取访问的匹配状态，如果发现匹配后，不进行特殊处理，如果没有发现匹配，则拦截的html5链接地址。

根据本公开的具体实施方式，第三方面，本公开提供一种计html5界面与app界面切换装置，包括：

核实单元，用于执行html5界面间切换指令，并核实所切换的html页面是否存在；

请求单元，用于若切换的页面不存在，则修改协议，请求访问对应的app页面；

匹配单元，用于所述app对所述访问进行匹配验证；

访问单元，用于若验证通过，则在所述app页面打开所述请求访问的页面，否则通过网络浏览器打开所述请求访问的html5页面。

进一步的，所述访问单元还用于：

若验证通过，则从html5页面跳转至app页面；

执行完成后，根据所述html5请求访问内容确定跳转回html5页面或是继续跳转至app后续页面执行后续流程。

进一步的，所述请求单元还用于：

若切换的页面存在，则从html5当前页面跳转至html5下一页面。

进一步的，所述匹配单元还用于：在app设置监听事件，对访问来源进行监听，以获取访问的匹配状态，如果发现匹配后，不进行特殊处理，如果没有发现匹配，则拦截的html5链接地址。

根据本公开的具体实施方式，第三方面，本公开提供一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上任一项所述的方法。

根据本公开的具体实施方式，第四方面，本公开提供一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上任一项所述的方法。

本公开实施例的上述方案与现有技术相比，至少具有以下有益效果：

本发明一方面统一产品功能和功能链接，采用常用的链接处理方式，对链接、参数、符号等不同纬度的数据处理，使app和html5都能够准确识别，不会造成切换错误。另一方面，通过callback监听对app和html5页面的匹配验证，解决由于技术的升级换代，导致的html5和app页面之前进行切换时需要多端开发造成的人力。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1示出了根据本公开实施例的页面切换方法流程图；

图2示出了根据本公开实施例的页面切换装置结构示意图。

具体实施方式

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

在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

应当理解，尽管在本公开实施例中可能采用术语第一、第二、第三等来描述……，但这些……不应限于这些术语。这些术语仅用来将……区分开。例如，在不脱离本公开实施例范围的情况下，第一……也可以被称为第二……，类似地，第二……也可以被称为第一……。

取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

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

下面结合附图详细说明本公开的可选实施例。

实施例1

如图1所示，根据本公开的具体实施方式，第一方面，本公开提一种html5界面与app界面切换方法，包括：

步骤1：执行html5界面间切换指令，并核实所切换的html5页面是否存在；

步骤2：若切换的html5页面不存在，则修改协议，请求访问对应的app页面；

步骤3：所述app对所述访问进行匹配验证；

步骤4：若验证通过，则在所述app页面打开所述请求访问的页面，否则通过网络浏览器打开所述请求访问的html5页面。

可选的，所述若验证通过，则在所述app页面打开所述请求访问的页面，包括：

步骤4.1：若验证通过，则从html5页面跳转至app页面；

步骤4.2：执行完成后，根据所述html5请求访问内容确定跳转回html5页面或是继续跳转至app后续页面执行后续流程。

可选的，所述执行html5界面间切换指令，并核实所切换的页面是否存在之后，包括：

步骤1.1：若切换的页面存在，则从html5当前页面跳转至html5下一页面。

可选的，所述app对所述访问进行匹配验证包括：

在app设置监听事件，对访问来源进行监听，以获取访问的匹配状态。

下面根据图1对本发明的流程进行说明：：

html5页面链接为

s1:https://account.zbj.com/login

s2:https://account.zbj.com/register

s4:https://account.zbj.com/password

s3:https://account.zbj.com/forget为html5还未开发的功能页面

app页面链接为

s11:/app/login

s13:/app/forget

s14:/app/password

s12:/app/register为app还未开发的功能页面

s21:为app处理拦截和分发链接的中转页面。

其中app对链接处理可使用alibaba的工具arouter来处理，也可自己创建处理工具。

s5:为s2试图访问还未开发的s3页面

s6:为s2在访问s3失败后把请求链接抛出给app

s7:为app流程处理完毕后，根据需要返回到html5中

s15:为s11试图请求访问还未开发的s12页面

s16:为s11在寻找s12页面失败后，通过webview打开s2页面。

以下实施以html5与androidapp交互为例

首先，需要创建3个html5功能页面s1,s2,s4以及3个app对应的功能页面s11,s13,s14。

然后在html5的功能页面s1中增加

<ahref＝https://account.zbj.com/register/>跳转到s2的按钮，在s2中增加<ahref＝https://account.zbj.com/forget/>跳转到s3的按钮。

增加checkurl(url,callback)代码来校验请求的html5页面是否存在。如果请求的页面不存在，则修改https更改为约定的zbjjrcash协议。再次请求链接以访问app对应的页面。

接下来，在app的adnroidmainfast.xml中增加s21对链接协议拦截。在adnroidmainfast中对s21页面增加

<intent-filter>标签，并在标签中增加

<dataandroid:host＝"account.zbj.com"

android:scheme＝"zbjjrcash"/>

</intent-filter>

两个data标签属性，用以拦截从html5产生的跳转链接。

最后，在s21中增加对链接的处理代码。在activity中获取传入的链接代码为uriuri＝getintent().getdata()；

通过uri.getpath()获取功能页面。由于arouter需要两级链接才能作为功能页面的链接地址，所以处理获取到的页面，例如forget，处理为app中定义的页面app/forget。之后交与arouter匹配到对应的功能链接。

然后设置arouter增加navigationcallback监听事件，拦截监听结果。如果发现匹配后，不进行特殊处理，跳转到对应界面。如果没有发现匹配，则通过拦截的html5链接地址，打开webview，打开对应的html5功能页面。

此时应会成功从s2页面跳转至s13页面。

当流程在s13中处理完毕后，可根据来源回确定跳转s4,还是继续在s14进行后续流程。

本发明一方面统一产品功能和功能链接，采用常用的链接处理方式，对链接、参数、符号等不同纬度的数据处理，使app和html5都能够准确识别，不会造成切换错误。另一方面，通过callback监听对app和html5页面的匹配验证，解决由于技术的升级换代，导致的html5和app页面之前进行切换时需要多端开发造成的人力。

实施例2

如图2所示，根据本公开的具体实施方式，第二方面，本公开提供一种html5界面与app界面切换装置，包括：

核实单元202，用于执行html5界面间切换指令，并核实所切换的html5页面是否存在；

请求单元204，用于若切换的页面不存在，则修改协议，请求访问app页面；

匹配单元206，用于所述app对所述访问进行匹配验证；

访问单元208，用于若验证通过，则在所述app页面打开所述请求访问的页面，否则通过网络浏览器打开所述请求访问的html5页面。

可选的，所述访问单元还用于：

若验证通过，则从html5页面跳转至app页面；

执行完成后，根据所述html5请求访问内容确定跳转回html5页面或是继续跳转至app后续页面执行后续流程。

可选的，所述请求单元还用于：

若切换的页面存在，则从html5当前页面跳转至html5下一页面。

可选的，所述匹配单元还用于：在app设置监听事件，对访问来源进行监听，以获取访问的匹配状态。

实施例3

本实施例提供一种电子设备，所述电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上实施例所述的方法步骤。

实施例4

本公开实施例提供了一种非易失性计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行如上实施例所述的方法步骤。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。