实例详解Android Webview拦截ajax请求

所属分类: 软件编程 / Android 阅读数: 50
收藏 0 赞 0 分享

Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能如:统一的网络请求管理、cookie同步、证书校验、访问控制等。

思路

虽然在 Webview中无法直接拦截 ajax请求(其实在shouldInterceptRequest 中是可以收到ajax请求的,但是遗憾的是取不到请求参数,这样也是没有意义的), 我们可以转换思路,能不能在js中将所有的请求转发到native中,这样也就达到了相同的目的。如果可以,那就需要一种在javascript和native之间通信的桥梁(javascript bridge),通过它,javascript将请求信息传递给native, native完成真正的请求后再将结果数据传递给javascript。那么我们的思路就是:

在javascript中拦截所有ajax请求,然后通过javascript bridge将请求信息传递给native
native收到请求信息后,进行一些与处理逻辑,然后完成本次请求,将请求结果通过javascript bridge再回传给javascript.
这样,在第二步native上收到请求信息后,我们就可以进行统一的网络请求管理、cookie同步、证书校验、访问控制。思路虽然简单,但实现起来却是比较麻烦,因为需要前端和native都需要做不少的工作。那么有什么简单的方法吗?当然有!

轮子

fly.js 是一个支持请求重定向的轻量级、跨平台的Javascript http请求库 ,前端可以使用它轻松发起网络请求,它会自动将请求转发至native. 现在解决了第一个问题,接下来我们需要选一个javascript bridge, 而现在开源的javascript bridge挺多,你可以选择任意一个你喜欢的。但是,在此强烈推荐一下 DSBridge 它是一个使用非常简单并支持同步的跨平台javascript birdge, 最关键的是, DSBridge 的demo中就有接收处理fly.js转发的http请求的示例,并且给出了okhttp的实现,并且,fly.js](https://github.com/wendux/fly) 官方也提供了DSBridge 的adapter. 下面我们以DSBridge为例,演示一下整个过程:

实例

前端

//引入dsbridge adapter
var adapter = require("flyio/dist/npm/adapter/dsbridge")
var EngineWrapper = require("flyio/dist/npm/engine-wrapper")
var dsEngine = EngineWrapper(adapter)
var fly = new Fly(dsEngine);

//接下来,通过fly发起的ajax请求都会转发到native上
fly.post('/user', {
  name: 'Doris',
  age: 24
  phone:"18513222525"
 })
 .then(function (response) {
  console.log(response);
 })
 .catch(function (error) {
  console.log(error);
 });

Native端

 @JavascriptInterface
 public void onAjaxRequest(JSONObject jsonObject, final CompletionHandler handler){
  //jsonObject 为fly adapter 传给端的requerst对象
  //端上完成请求后,将响应对象通过hander返回给fly adapter
  //hanlder(response)
 }

fly.js中dsbridge的adapter会调用Native的 onAjaxRequest方法,native只需实现这个方法即可,完整的请求实现可以参照 DSbridge demo中 AjaxHandler 的实现.

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多