实例详解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 的实现.
- 关于奇怪的并行进程分析(一) (r6笔记第41天)
- 关于ora-02391问题的总结(r6笔记第40天)
- 一次数据库响应慢的问题诊断(r6笔记第39天)
- 贝叶斯分类器及Python实现
- R语言中文分词工具
- orabbix结合python发送图形报表(二) (r6笔记第38天)
- 14(01)正则表达式,Pattern,Mactcher,Math,BigInteger,BigDeximal,System等
- oracle的TAF浅析 (r6笔记第37天)
- R语言高级绘图命令(标题-颜色等)
- 14(02)正则表达式,Pattern,Mactcher,Math,BigInteger,BigDeximal,System等
- R语言 判别分析
- Apache、struts1、struts2文件上传下载的3种方式
- 解析实时的DB time过程分析(r6笔记第35天)
- sql嵌入html格式显示报表(r6笔记第34天)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Java代理相关:JDK动态代理、CGLIB动态代理
- Tomcat CPU占用100%异常分析与处理
- Solr基本搭建及MySQL配置
- Tomcat, Jre 证书相关
- zookeeper集群搭建
- Maven Jar包制作与上传及基本使用
- 当你在`bind 0.0.0.0`的时候,你实际在做什么
- Hadoop Hive Hbase Kylin 环境搭建
- Spring MVC 学习
- RSeQC判断链特异性(strand-specific)
- bigWigMerge合并bigwig文件
- WPF桌面开发集成Nginx服务器
- chrome浏览器拦截(block)特定网站某些请求的方法
- 聊一聊:一道 Promise 链式调用的题目
- linux编译运行c++程序