过滤器案例-利用过滤器解决多端设备自动适配；

up:: 过滤链

本篇博客介绍在项目中，过滤器的一个经典应用场景

过滤器案例：多端设备自动适配：

一：问题引入：

智能设备的种类越来越多，应用的界面在开发设计的时候就需要考虑到不同的终端，界面就至少要开发两套：PC端和手机端；

即同一个网站在不同的设备上，展示的效果是不同的；

可以设想，在实际开发时，一个系统中有非常多的界面，如果在每一个界面中都要做不同设备的判断，那么工作量太大，很麻烦；

为了解决这个问题，就可以开发一个设备适配的过滤器，通过分析客户端请求的的信息的不同，来决定是显示PC端的界面，还是移动端的界面。

二：具体案例

1.准备工作：

创建web工程，device-adapter： 注意工程的上下文路径设置成了”/” ；

在webContent目录下，新建文件夹

其中，desktop目录下的index.html是PC端需要显示的；mobile目录下的index.html是移动端需要显示的；俩index.html加载显示不同的资源；

2.编写Filter：DeviceAdapter，并在web.xml中配置；

基本思路是：（1）先判断URL中是否有/desktop或者/mobile这些明确表明是PC端还是移动端的东西；如果有直接向后传递；如果没有再后续处理

（2）根据请求中的urser-agent判断是PC端还是移动端；

（3）如果是PC端，修改url后，res.sendRedirect(targetUrl)，中断本次请求，让浏览器重新发一个url为targetUrl的请求；

（4）如果是移动端，修改url后，res.sendRedirect(targetUrl)，中断本次请求，让浏览器重新发一个url为targetUrl的请求；

需要注意的点：

（1）req.getRequestURI(); 获取请求的url；

（2）req.getHeader(“user-agent”)；获取请求头中某字段的信息；

（3）res.sendRedirect(targetUrl);响应重定向；

（4） 注意看代码中的注释 ；

 
    package com.imooc.filter;
 
    import java.io.IOException;
 
    import javax.servlet.Filter;
    import javax.servlet.FilterChain;
    import javax.servlet.FilterConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
 
    public class DeviceAdapter implements Filter{
 
    	@Override
    	public void destroy() {
    		// TODO Auto-generated method stub
 
    	}
 
    	@Override
    	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
    			throws IOException, ServletException {
    		HttpServletRequest req = (HttpServletRequest)request;
    		HttpServletResponse res = (HttpServletResponse)response;
    		/**
    		 * 当前程序默认首页是：/index.html；自然，在webContent根目录下没有index.html，index.html都在俩文件夹中；
    		 * （1）如果是PC端的话，需要让路径变成/desktop/index.html,即将url重新跳转到跳转到desktop目录下的html页面；
    		 * （2）如果是手机端，则需要变成/mobile/index.html;
    		 * （3）同理，如果访问的是其他html，诸如访问的是/kkk.html的话，PC端：/desktop/kkk.html,手机端：/mobile/kkk.html;
    		 */
    		String url = req.getRequestURI();  //获取url
    		System.out.println("访问的url为："+url);
    		//如果浏览器发来的请求的url中，本身就自带了/desktop或者/mobile，就代表这是一个正确的PC端或者手机端的url；
    		// 此时，不需要处理，直接把请求向后送就可以了；
    		if(url.startsWith("/desktop") || url.startsWith("/mobile")) {
    			chain.doFilter(request, response);
    		}else {
    			String userAgent = req.getHeader("user-agent").toLowerCase();
    			// 在实际中,对于移动端的判断会更复杂些;
    			String targetUrl = "";  // 保存真正要跳转的url
    			if((userAgent.indexOf("android") != -1) || userAgent.indexOf("iphone") != -1) {
    				targetUrl = "/mobile"+url;
    				System.out.println("移动端设备正在访问，重新跳转的url为："+targetUrl);
    				// 上面判断完毕，修改玩targetUrl之后，并没有执行chain.doFilter()
    				// 而是使用了res.sendRedirect();通知客户端的浏览器重新发起一个请求;
    				// 由于没有使用chain.dofilter(),这个过滤器没有把请求向后传递，所以本次请求就会中断；
    				// 这个新请求的url就是我们修改后的targetUrl；
    				res.sendRedirect(targetUrl);
    			}else {
    				targetUrl = "/desktop"+url;
    				System.out.println("PC端设备正在访问，重新跳转的url为："+targetUrl);
    				res.sendRedirect(targetUrl);
    			}
    		}
    	}
 
    	@Override
    	public void init(FilterConfig arg0) throws ServletException {
    		// TODO Auto-generated method stub
 
    	}
 
    }