CN109740090A - 一种基于混合开发的android页面返回跳转方法及其系统 - Google Patents

Abstract

本发明提出了一种基于混合开发的android页面返回跳转方法及其系统，所述的方法具体步骤如下：S1、原生系统通过覆写Activity的onKeyDown方法拦截android返回键，获取返回键的单击事件；S2、调用web端goBack方法中的backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前web页面的上级页面类型；S3、当上级页面是web页面时，调用$ionicHistory.goBack方法返回上级web页面；S4、当上级页面是原生页面时，调用android原生页面注册的goBack方法返回原生页面。所述的系统包括安卓端监听模块、Web端监听模块、判断模块、web端返回模块和安卓系统返回模块。本发明方法和系统可以在发生返回操作后正确判断上级页面类型，并按顺序返回上级页面，避免混合开发软件页面跳转错误的问题。

Description

一种基于混合开发的android页面返回跳转方法及其系统

技术领域

本发明涉及一种混合开发的android APP页面跳转的方法，属于APP混合开发技术领域。

背景技术

App混合开发是一个常见的软件开发模式，通常混合开发的APP的一部分功能通过native构建，另一部分功能通过html5构建。由于混合开发可以节约开发成本，缩短App开发周期，很多App开始使用混合开发模式。

在android APP混合开发的过程中，通常考虑两个返回按键，一个是android原生系统自带的物理返回按键，另一个是web页面左上角或右上角的返回按键。正常情况下，当我们点击物理返回键或者web端返回按钮时，APP会按顺序返回上一级页面，但是在实际的开发和测试过程中，APP打开的页面级数较多时，页面跳转有可能发生混乱，页面无法按照顺序返回。

发明内容

针对混合开发的android APP在进行返回操作后无法按顺序返回上级页面的问题，本发明提出了一种基于混合开发的android页面返回跳转方法及其系统，在发生返回操作后，通过backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前页面的上级页面类型，根据判断结果逐级返回上级页面。

为解决上述技术问题，本发明采用了如下技术手段：

一种基于混合开发的android页面返回跳转方法，具体包括以下步骤：

S1、原生系统通过覆写Activity的onKeyDown方法拦截android返回键，获取返回键的单击事件；

S2、调用web页面注册的goBack方法，在goBack方法中调用$ionicHistory .backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前web页面的上级页面类型；

S3、当上级页面是web页面时，调用$ionicHistory .goBack方法返回上级web页面；

S4、当上级页面是原生页面时，调用android原生页面注册的goBack方法返回原生页面。

进一步的，所述的android返回键包括android物理返回键和web网页功能返回键。

进一步的，步骤S2中的历史记录包括view视图窗口和底部弹出窗口。

进一步的，步骤S4中goBack方法的具体操作是调用activity的finish方法，关闭当前webview页面，返回上一级的原生页面。

一种基于混合开发的android页面返回跳转系统，包括安卓端监听模块、Web端监听模块、判断模块、web端返回模块和安卓系统返回模块。其中，安卓端监听模块用于监听android物理返回键的单击事件；Web端监听模块用于监听web网页功能返回键的单击事件；判断模块，用于判断当前web页面的上级页面类型；web端返回模块，用于调用web端注册的goBack方法返回上级web页面；安卓系统返回模块，用于调用安卓原生页面注册的goBack方法返回原生页面。

采用以上技术手段后可以获得以下优势：

本发明提出了一种基于混合开发的android页面返回跳转方法及其系统，监听android返回键，在触发了返回操作后，调用backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前页面的上级页面是不是web页面，结合判断结果调用goBack方法逐级返回，本发明方法加入判断机制，可以有效避免页面跳转错误的情况，帮助混合开发的androidAPP按照顺序返回页面。

附图说明

图1为本发明一种基于混合开发的android页面返回跳转方法的步骤流程图。

图2为一种基于混合开发的android页面返回跳转系统的结构示意图。

具体实施方式

下面结合附图对本发明的技术方案作进一步说明：

一种基于混合开发的android页面返回跳转方法，如图1所示，具体包括以下步骤：

S1、原生系统通过覆写Activity的onKeyDown方法拦截android物理返回键和web网页功能返回键，从而获取两者中任一个的单击事件。

S2、调用web页面注册的goBack方法，在goBack方法中调用$ionicHistory.backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前web页面的上级页面类型；在本发明中，web端页面使用的框架是ionic框架，其默认封装使用$ionicHistoryAPI，Android通过WebView加载网页，并将web页面信息存储在$ionicHistory堆栈中，$ionicHistory堆栈存储的历史记录包括view视图窗口和底部弹出窗口，且这些历史记录按照用户打开的先后顺序存储。根据backView方法可以判断$ionicHistory堆栈中有无web页面信息，从而判断当前页面的上级页面类型。

S3、在本发明中，在JavascriptInterface的基础上通过使用第三方开源框架实现网页中的JS事件和Native 代码的交互。在web端注册goBack方法，当$ionicHistory堆栈中存在web端页面的历史记录，即上级页面是web页面时，调用$ionicHistory .goBack方法返回上级web页面。

S4、当$ionicHistory堆栈中没有web端页面的历史记录，即上级页面是原生页面时，调用android原生页面注册的goBack方法返回原生页面。原生页面的goBack方法中，通过调用activity的finish方法，关闭当前webview页面，返回到上一层的原生页面。

在本具体实施例中提供了本发明方法的部分代码，步骤S1的代码如下：

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode==KeyEvent.KEYCODE_BACK)&& !isPageError) {

webView.callHandler("goBack", "hello good", newCallBackFunction() {

@Override

public void onCallBack(String data) {

}

});

return true;

}

return super.onKeyDown(keyCode, event);

}

步骤S3的代码如下：

nativeService.registerHandler("goBack", function (data, responseCallback){ if(popUpService.hasShow()){ popUpService.closePopAndModal();}else if($ionicHistory.backView()== null){ nativeService.nativeCall("goback"); }else{ $ionicHistory.goBack(); } });

步骤S4的代码如下：

webView.registerHandler("goback", new BridgeHandler() {

@Override

public void handler(String data, CallBackFunction function) {

function.onCallBack("goback");

finish();

}

});

一种基于混合开发的android页面返回跳转系统，如图2所示，包括安卓端监听模块、Web端监听模块、判断模块、web端返回模块和安卓系统返回模块。其中，安卓端监听模块用于监听android物理返回键的单击事件；Web端监听模块用于监听web网页功能返回键的单击事件；判断模块，用于判断当前web页面的上级页面类型；web端返回模块，用于调用web端注册的goBack方法返回上级web页面；安卓系统返回模块，用于调用安卓原生页面注册的goBack方法返回原生页面。

上面结合附图对本发明的实施方式作了详细地说明，但是本发明并不局限于上述实施方式，在本领域普通技术人员所具备的知识范围内，还可以在不脱离本发明宗旨的前提下做出各种变化。

Claims (5)

1.一种基于混合开发的android页面返回跳转方法，其特征在于，具体包括以下步骤：

S1、原生系统通过覆写Activity的onKeyDown方法拦截android返回键，获取返回键的单击事件；

S2、调用web页面注册的goBack方法，在goBack方法中调用$ionicHistory .backView方法查找$ionicHistory堆栈中的web端历史记录，判断当前web页面的上级页面类型；

S3、当上级页面是web页面时，调用$ionicHistory .goBack方法返回上级web页面；

S4、当上级页面是原生页面时，调用android原生页面注册的goBack方法返回原生页面。

2.根据权利要求1所述的基于混合开发的android页面返回跳转方法，其特征在于，所述的android返回键包括android物理返回键和web网页功能返回键。

3.根据权利要求1所述的基于混合开发的android页面返回跳转方法，其特征在于，步骤S2中的历史记录包括view视图窗口和底部弹出窗口。

4.根据权利要求1所述的基于混合开发的android页面返回跳转方法，其特征在于，步骤S4中goBack方法的具体操作是调用activity的finish方法，关闭当前webview页面，返回上一级的原生页面。

5.一种基于混合开发的android页面返回跳转系统，其特征在于，包括：

安卓端监听模块，用于监听android物理返回键的单击事件；

Web端监听模块，用于监听web网页功能返回键的单击事件；

判断模块，用于判断当前web页面的上级页面类型；

web端返回模块，用于调用web端注册的goBack方法返回上级web页面；

安卓系统返回模块，用于调用安卓原生页面注册的goBack方法返回原生页面。