博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android Webview拦截ajax请求
阅读量:5956 次
发布时间:2019-06-19

本文共 2144 字,大约阅读时间需要 7 分钟。

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

那么究竟有没有办法能在Webview中拦截ajax请求呢?

我百度谷歌一圈后,找到了这篇文章,你可以参考一下:http://blog.csdn.net/kpioneer123/article/details/51438204 。如果没有看懂,那就不用理会了,毕竟本文绝不会撩起你的兴趣,然后却戛然而至的,好了,我们还是直奔主题吧。

思路

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

  1. 在javascript中拦截所有ajax请求,然后通过javascript bridge将请求信息传递给native
  2. native收到请求信息后,进行一些与处理逻辑,然后完成本次请求,将请求结果通过javascript bridge再回传给javascript.

这样,在第二步native上收到请求信息后,我们就可以进行统一的网络请求管理、cookie同步、证书校验、访问控制。思路虽然简单,但实现起来却是比较麻烦,因为需要前端和native都需要做不少的工作。那么有什么简单的方法吗?当然有!

轮子

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

实例

前端

//引入dsbridge adaptervar 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中 的实现.

值得注意的是, fly.js并不是只支持 ,它可以支持任何javascript bridge,只是不同的javascript bridge的数据传输协议不同,需要分别提供一个adapter, 详情请参考: .

最后

贴出fly.js和DSBridge的github地址,欢迎star ! 有什么问题也可以关注我或留言。

fly.js: https://github.com/wendux/fly

DSBridge-Android:

DSBridge-IOS:

你可能感兴趣的文章
新零售讲堂之时代下的传统零售业,何去何从?
查看>>
c++读取和写入TXT文件的整理
查看>>
深入动态人脸识别小场景应用,2019年或将迎来爆发期
查看>>
Ionic2 下处理 Android 设备下返回按钮的事件
查看>>
linux安全问答(1)
查看>>
zabbix监控进程的CPU和内存占用量
查看>>
Error creating bean with name 'userServiceImpl': Injection of autowired dependencies failed
查看>>
mybatis update返回值的意义
查看>>
SVNQuery–如何创建更新索引并查询
查看>>
java高质量图片压缩
查看>>
源码解读Linux的limits.conf文件
查看>>
expdp 详解及实例
查看>>
C++中 栈的简单封装
查看>>
我的友情链接
查看>>
Linux常用命令--iconv
查看>>
varnish的了解与常用配置使用
查看>>
Product user profile information 没有导入
查看>>
DELL T410服务器U盘安装Centos7
查看>>
解读最具O2O属性—哈根达斯微信企业号的成功之道
查看>>
Sqlserver2008日志压缩
查看>>