实例详解实例详解Android Webview拦截拦截ajax请求请求
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 webview转PDF的方法示例Android WebView实现长按保存图片及长按识别二维码功能Android
保存WebView中的图片示例Android 中WebView 截图的实现方式Android点击WebView实现图片缩放及滑动浏览效果Android
WebView中图片浏览及缩放效果android中webview定位问题示例详解Android自定义webView头部进度加载效果Android中
WebView的基本配置与填坑记录大全Android用webView包装WebAPP方法
资源评论
