Android Webview Angular Add Header Referer

最近在做个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");

}

}

}

InputStream dis = null;
 if(RESPONSE_OK_CODE <= conn.getResponseCode() && conn.getResponseCode() < RESPONSE_ERROR_CODE_300){
             dis = conn.getInputStream();
 }else{
     if(RESPONSE_ERROR_CODE_401 == conn.getResponseCode()){
         loginOUT();
     }else{
             dis = conn.getErrorStream();
     }
 }
 return new WebResourceResponse(conn.getContentType(), "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.getInputStream()。

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

--以上