分享

跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)

 观审美2 2017-03-25

 

1 错误场景                                         

       今天要把项目部署到外网的时候,出现了这样的问题, 我把两个项目放到自己本机的tomcat下, 进行代码调试, 运行

都没有问题的, 一旦把我需要调用接口的项目B放到其他的服务器上, 就会报错, 无法通过Ajax调用springMVC的接口,

这是什么原因呢?

      当我使用json ajax post请求传递数据的时候在web端出错:XMLHttpRequest cannot loadhttp://ip:8082/security/auth/outside.do. Origin http://ip:8080 is not allowed by Access-Control-Allow-Origin.

 

2 初识jsonp                               

      经过在网上查找, 网上大多数说是跨域问题. 解决跨域问题据说是jsonp, 百度了一篇文章, 不管三七二十一就一下

子把ajax传递的数据类型dataType 改成为jsonp, 并使用get方式, 单纯的认为, json和jsonp没啥区别, 运行, 报错, 如

下图所示:

 

      没有了上述的 is not allowed ....的错误, 变成了只剩下500的错误, 说明jsonp起了些作用, 我的bug的问题就是在于网上说的"跨域" 。而究竟什么是跨域呢?

 

3 什么是跨域?什么是不跨域?           

      上没有过多的去测试,一句话:同一个ip、同一个网络协议、同一个端口,三者都满足就是同一个域,否则就是

跨域问题了。而为什么开发者最初不直接定为一切可跨域的呢?默认的为什么都是不可跨域呢?这就涉及到了同源策

略,为了系统的安全,由Netscape提出一个著名的安全策略。现在所有支持JavaScript的浏览器都会使用这个策略。

所谓同源是,域名,协议,端口相同。当我们在浏览器中打开百度和谷歌两个网站时,百度浏览器在执行一个脚本的

时候会检查这个脚本属于哪个页面的,即检查是否同源,只有和百度同源的脚本才会被执行,如果没有同源策略,那

随便的向百度中注入一个js脚本,弹个恶意广告,通过js窃取信息,这就很不安全了。

 

4 跨域问题如何解决?jsonp为什么能解决跨域问题?和json有什么区别?

      关于解决跨域问题,有多种解决方案,解决方案如下。

 

      4.1 方案一

      ajax请求地址改为自己系统的后台地址,之后在自己的后台用HttpClient请求url。封装好的跨域请求url工具类

代码如下所示。

 

  1. <span style="font-size:18px;">@SuppressWarnings("all")  
  2. public final class UrlUtil {  
  3.   
  4.     private static HttpClient httpClient = new HttpClient();  
  5.   
  6.     /** 
  7.      * @Title: getDataFromURL 
  8.      * @Description: 根据URL跨域获取输出结果,支持http 
  9.      * @param strURL 
  10.      *            要访问的URL地址 
  11.      * @param param 
  12.      *            参数 
  13.      * @return 结果字符串 
  14.      * @throws Exception 
  15.      */  
  16.     public static String getDataFromURL(String strURL, Map<String, String> param) throws Exception {  
  17.         URL url = new URL(strURL);  
  18.         URLConnection conn = url.openConnection();  
  19.         conn.setDoOutput(true);  
  20.   
  21.         OutputStreamWriter writer = new OutputStreamWriter(conn.getOutputStream());  
  22.         final StringBuilder sb = new StringBuilder(param.size() << 4); // 4次方  
  23.         final Set<String> keys = param.keySet();  
  24.         for (final String key : keys) {  
  25.             final String value = param.get(key);  
  26.             sb.append(key); // 不能包含特殊字符  
  27.             sb.append('=');  
  28.             sb.append(value);  
  29.             sb.append('&');  
  30.         }  
  31.         // 将最后的 '&' 去掉  
  32.         sb.deleteCharAt(sb.length() - 1);  
  33.         writer.write(sb.toString());  
  34.         writer.flush();  
  35.         writer.close();  
  36.   
  37.         InputStreamReader reder = new InputStreamReader(conn.getInputStream(), "utf-8");  
  38.         BufferedReader breader = new BufferedReader(reder);  
  39.         // BufferedWriter w = new BufferedWriter(new FileWriter("d:/1.txt"));  
  40.         String content = null;  
  41.         String result = null;  
  42.         while ((content = breader.readLine()) != null) {  
  43.             result += content;  
  44.         }  
  45.   
  46.         return result;  
  47.     }  
  48.   
  49.     /** 
  50.      * @Title: postMethod 
  51.      * @Description: 根据URL跨域获取输出结果,支持https 
  52.      * @param url 
  53.      *            要访问的URL地址(http://www.?) 
  54.      * @param urlParm 
  55.      *            参数(id=1212&pwd=2332) 
  56.      * @return 结果字符串 
  57.      */  
  58.     public static String postMethod(String url, String urlParm) {  
  59.         if (null == url || "".equals(url)) {  
  60.             // url = "http://www.baidu.com";  
  61.             return null;  
  62.         }  
  63.         PostMethod post = new PostMethod(url); // new UTF8PostMethod(url);  
  64.         if (null != urlParm && !"".equals(urlParm)) {  
  65.             String[] arr = urlParm.split("&");  
  66.             NameValuePair[] data = new NameValuePair[arr.length];  
  67.             for (int i = 0; i < arr.length; i++) {  
  68.                 String name = arr[i].substring(0, arr[i].lastIndexOf("="));  
  69.                 String value = arr[i].substring(arr[i].lastIndexOf("=") + 1);  
  70.                 data[i] = new NameValuePair(name, value);  
  71.             }  
  72.             post.setRequestBody(data);  
  73.         }  
  74.         int statusCode = 0;  
  75.         String pageContent = "";  
  76.         try {  
  77.             statusCode = httpClient.executeMethod(post);  
  78.             if (statusCode == HttpStatus.SC_OK || statusCode == HttpStatus.SC_MOVED_TEMPORARILY) {  
  79.                 pageContent = post.getResponseBodyAsString();  
  80.                 return pageContent;  
  81.             }  
  82.         } catch (Exception e) {  
  83.             e.printStackTrace();  
  84.             return null;  
  85.         } finally {  
  86.             post.releaseConnection();  
  87.         }  
  88.         return null;  
  89.     }  
  90.   
  91.     public static String doPost(String url, String json) throws Exception {  
  92.         PostMethod postMethod = new PostMethod(url);  
  93.         StringRequestEntity requestEntity = new StringRequestEntity(json, "application/json", "UTF-8");  
  94.         postMethod.setRequestEntity(requestEntity);  
  95.         /* 发送请求,并获取响应对象 */  
  96.         int statusCode = httpClient.executeMethod(postMethod);  
  97.         String result = null;  
  98.         if (statusCode == HttpStatus.SC_OK) {  
  99.             result = postMethod.getResponseBodyAsString();  
  100.         } else {  
  101.             System.out.println("Method failed: " + postMethod.getStatusLine());  
  102.         }  
  103.         return result;  
  104.     }  
  105.   
  106.     public static String post(String url, Map<String, String> params) {  
  107.         DefaultHttpClient httpclient = new DefaultHttpClient();  
  108.         String body = null;  
  109.         HttpPost post = postForm(url, params);  
  110.         body = invoke(httpclient, post);  
  111.         httpclient.getConnectionManager().shutdown();  
  112.         return body;  
  113.     }  
  114.   
  115.     private static HttpPost postForm(String url, Map<String, String> params) {  
  116.         HttpPost httpost = new HttpPost(url);  
  117.         List<BasicNameValuePair> nvps = new ArrayList<BasicNameValuePair>();  
  118.         Set<String> keySet = params.keySet();  
  119.         for (String key : keySet) {  
  120.             BasicNameValuePair basicNameValuePair = new BasicNameValuePair(key, params.get(key));  
  121.             nvps.add(basicNameValuePair);  
  122.         }  
  123.         try {  
  124.             httpost.setEntity(new UrlEncodedFormEntity(nvps, HTTP.UTF_8));  
  125.         } catch (UnsupportedEncodingException e) {  
  126.             e.printStackTrace();  
  127.         }  
  128.         return httpost;  
  129.     }  
  130.   
  131.     private static String invoke(DefaultHttpClient httpclient, HttpUriRequest httpost) {  
  132.         HttpResponse response = sendRequest(httpclient, httpost);  
  133.         String body = paseResponse(response);  
  134.         return body;  
  135.     }  
  136.   
  137.     private static HttpResponse sendRequest(DefaultHttpClient httpclient, HttpUriRequest httpost) {  
  138.         HttpResponse response = null;  
  139.         try {  
  140.             response = httpclient.execute(httpost);  
  141.         } catch (Exception e) {  
  142.             e.printStackTrace();  
  143.         }  
  144.         return response;  
  145.     }  
  146.   
  147.     private static String paseResponse(HttpResponse response) {  
  148.         HttpEntity entity = response.getEntity();  
  149.         String body = null;  
  150.         try {  
  151.             body = EntityUtils.toString(entity);  
  152.         } catch (Exception e) {  
  153.             e.printStackTrace();  
  154.         }  
  155.         return body;  
  156.     }  
  157.   
  158.     public static void main(String[] args) throws Exception {  
  159.         String url = "http://ip:8082/security/auth/outside.do";  
  160.         Map<String, String> map = new HashMap<String, String>();  
  161.         map.put("loginName", "root");  
  162.         map.put("code", "vms2.0");  
  163.         String msg = post(url, map);  
  164.         JSONArray jary = JsonUtil.Json2JSONArray(msg);  
  165.         for (int i = 0; i < jary.length(); i++) {  
  166.             JSONObject obj = jary.getJSONObject(i);  
  167.             System.out.println(obj);  
  168. //          System.out.print(obj.getString("classid"));  
  169. //          System.out.print("\t"+obj.getString("classname"));  
  170. //          System.out.println("\t"+obj.getString("sonclass"));  
  171.         }  
  172. //      System.out.println(jary);  
  173.     }  
  174. }</span>  


       当然要导入httpclient-4.3.1.jar包到自己的项目中哦。这样把请求的参数内容放到map中,通过HttpClent来实现跨域请求。

       4.2 解决方案二

       两个系统之间的数据传递是通过ajax post请求,传递json的方式来完成,我们在这里可以使用jsonp的方式,但

是json和jsonp截然不同。首先说说神马是json,再说神马是jsonp。

json

       全拼(javaScript Object Notation)轻量级的数据交换格式,易于机器解析和生成。基于javaScript

Programming Language,StandardECMA Edition December1999的一个子集。json完全独立于语言的文本格

式,但是也使用类似于C语言家族的习惯(include c c++ c# Java javaScript perl Python)等,这些特性使得json

成为理想的数据交换语言。格式为key,value格式,具体就不赘述了。

jsonp

       jsonp全拼是(json with Padding)是json的一种使用模式,padding意思为填料,垫料,填充,填补。json可

以说是名词,而jsonp是动宾短语,两者有联系,但是有本质的区别,就像米饭和把米饭填充到碗里一样,那米饭和

米饭填是一样的么,我们自然明了了。

 

       jsonp算是钻空子实现的跨域,到底通过jsonp具体如何解决跨域问题呢?本篇过长了,我们下篇分晓。goodnight...

 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约