最近在做个Hybrid App,cordova+angular+onsenui(ionic)组合框架,客户要求用onsenui,建议用ionic。
一般正常的$Http请求都是OK的,不过客户的web服务器api要求请求header 必须包含referer参数,接下来问题就来了。
提到referer,会有人不知道referer是什么,为什么请求头要指定referer等等,这个问题后期再补上。或看如下链接介绍。
http://m.blog.csdn.net/article/details?id=52388840
那服务端要求header referer,在$Http请求header 部分添加referer 你就OK了吗。事实证明,ios 是ok的,然而android 请求依然失败,服务端log抛出no referee,referer null,请求自然失败,这时就开始不明了,why?ios是好的,为什么android 没添加成功呢?开始调查原因了,angular 干得?angular要拦截处理?这个原因纠结调查尝试修改了好久..最终原因确定是 android webview 干得.
为什么是webview,它做了什么,这部分后期补上,和它自身机制有关.重点是如何解决?又调查了好久,发现webChromeClient,有个方法shouldInterceptRequest,shouldInterceptRequest有两种重载。
public WebResourceResponse shouldInterceptRequest (WebView view, String url) 从API 11开始引入,API 21弃用
public WebResourceResponse shouldInterceptRequest (WebView view, WebResourceRequest request) 从API 21开始引入
基于app要适应4.4+,所以用基于11+的旧的方法,本身7.0还是向下兼容,免得重写两个方法。两个方法都重写可以log看看有什么细节吧。我是直接用了就方法。
这个方法作用和目的就不多说了。接下来引入了HttpURLConnection,其可以对url设置属性的,然后就对其头部加了header referer,发现请求还是失败,服务端对请求header 部分别的参数接收不到,原来拦截要重新去设置所有的信息。
终于通了,top页是个Get请求。这下开心了,bug解决了。但是接下来测试发现post,delete,请求异常,服务端log依然noreferer,继续调查,网上没有想要的答案,最终发现con是可以设置请求方式的,然后就对应设置了get,post方法,事实证明,referer是添加成功了,请求参数没收到,又是难点,请求参数如何拿到,拿到了如何写过去呢。
plugin就体现用处了,通过他可以拿到请求参数和谁在请求,或者此方法是get还是post。
拿到请求参数,con的OutputStream通过FormEncoding.add添加然后写过去,最后通过getinputstream()拦截设置成功,至此,于是乎认为问题彻底搞定了。
接下来测试又出现奇怪现象,$http请求成功返回就OK,如果请求失败,拦截就失败了,log抛出syserro,con.getinputstream()。只要请求异常,界面始终都是toast403,服务端log依然403,noreferer ,referer null。这就奇怪了,如何解决呢?继续调查?
原来这个长链接出错应该通过con.getErrorStream(),去设置。
这样所有请求各种异常无论 get,put,delete,download,完美解决 header referer 问题。
源码部分:
从Android 2.2 (也就是API 8)开始,WebView新增加了一个接口方法,就是为了便于我们加载网页时又想发送其他的HTTP头信息的。
实例如下:
public void LoadURLWithHTTPHeaders() {
final String url = "http://jb51.net";
WebView webView = new WebView(getActivity());
Map extraHeaders = new HashMap();
extraHeaders.put("Referer", "http://www.google.com");
webView.loadUrl(url, extraHeaders);
}
其是这种方式添加对于我们angular $http 请求来说 并没有啥管用,其只是webview loadurl 初始加载页面时添加进去,其内部页面发出请求肯定会被拦截。
cordovaWebView.loadUrl(START_URL); 默认的Get 请求。
cordova 开发混合应用其用的是自己封装的CordovaWebView,但其底层依然是webview。
ActivityWebview 主要代码部分:不过多说明了。
SystemWebView mSystemWebView = (SystemWebView) findViewById(R.id.cordovaWebView);
cordovaWebView=newCordovaWebViewImpl(newSystemWebViewEngine(mSystemWebView));
cordovaWebView.init(cordovaInterface,parser.getPluginEntries(),parser.getPreferences());
SystemWebViewEngine engine = (SystemWebViewEngine)cordovaWebView.getEngine();
testViewClient=newTestViewClient(engine);
testChromeClient=newTestChromeClient(engine);
webView= (WebView)engine.getView();
webView.setWebViewClient(testViewClient);
webView.setWebChromeClient(testChromeClient);
这边SystemWebChromeClient 和SystemWebViewClient功能和作用我就不特别说明了。
拦截肯定在SystemWebViewClient 类中进行处理。
核心代码:
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
@Override
public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
try {
if (url == null) {
return super.shouldInterceptRequest(view, url);
}
if(url.contains(Constants.HOST) && !url.contains(Constants.GPJ) && !url.contains(Constants.PNG)) {
URI uri = URI.create(url);
URL url1 = uri.toURL();
HttpURLConnection conn = (HttpURLConnection) url1.openConnection();
conn.setConnectTimeout(Constants.TIME_OUT_HTML);
conn.setReadTimeout(Constants.TIME_OUT_HTML);
conn.setRequestProperty("Referer", Constants.CONTENT_REFERER_HTML);
conn.setRequestProperty("Fisdom-User-Token", ApplicationUtils.getToken());
conn.setRequestProperty(Constants.USET_AGENT_KEY, Constants.USET_AGENT_VALUE);
。。
if(url.contains("AA")){
if(papeType != null && !papeType.isEmpty()){
if(papeType.equals("course_detail")){
conn.setRequestMethod("POST");
papeType = null;
}else if(papeType.equals("playlist")){
conn.setRequestMethod("DELETE");
papeType = null;
}
}
}else if(url.contains("BB")){
if(papeType != null && !papeType.isEmpty()){
if(papeType.equals("CC")){
conn.setRequestMethod("POST");
OutputStream os = conn.getOutputStream();
writeForm(os);
os.close();
papeType = null;
papeParams = null;
}else if(url.contains(CC) ){
conn.setRequestMethod("DELETE");
}
}
}
DataInputStream dis = null;
try {
if (conn.getInputStream() != null) {
dis = new DataInputStream(conn.getInputStream());
} else {
return super.shouldInterceptRequest(view, url);
}
} catch (IOException e) {
try {
if (conn.getErrorStream() != null) {
dis = new DataInputStream(conn.getErrorStream());
} else {
return super.shouldInterceptRequest(view, url);
}
} catch (Exception e1) {
}
}
String mimeType = conn.getContentType();
return new WebResourceResponse(mimeType, "UTF-8", dis);
}else{
return super.shouldInterceptRequest(view, url);
}
} catch (Exception e) {
e.printStackTrace();
}
return super.shouldInterceptRequest(view, url);
}
其中:1.AA,BB ,CC是你要拦截的URL, AA为post 不带body体,BB为post带body体。CC为delete请求。
2.papeType 为URL 的id 标识,因为一个url可以即是get请求也可以是post请求。 这点注意了。
3.papeParams为post 请求的body体数据。
4.conn为长链接。请求成功时conn.getInputStream(),请求失败时conn.getErrorStream()。
5.添加超时:conn.setConnectTimeout(Constants.TIME_OUT_HTML);
conn.setReadTimeout(Constants.TIME_OUT_HTML);
6. 添加请求header,包过referer,token,以及其他需要的。。。
conn.setRequestProperty("Referer", Constants.CONTENT_REFERER_HTML);
conn.setRequestProperty("Fisdom-User-Token", ApplicationUtils.getToken());
conn.setRequestProperty(Constants.USET_AGENT_KEY, Constants.USET_AGENT_VALUE);
以上即是主要代码。
如果有疑问或者想交流讨论更好的方式或者需要帮助。请留言或联系我。
时间仓促,表达的不是太好,请读者耐心读取。 希望大家多多支持,多多点赞。
因为是处女作。 嘎嘎
附上源码链接:
http://download.csdn.net/detail/jxmy_1989/9724348
--以上