第十三节：HttpHander扩展及应用(自定义扩展名、图片防盗链)

一. 自定义扩展名

1. 前言

　　凡是实现了IHttpHandler接口的类均为Handler类，HttpHandler是一个HTTP请求的真正处理中心，在HttpHandler容器中，ASP.NET Framework才调用HttpHandler的ProcessRequest方法来对这个HTTP请求进行真正的处理，真正地对客户端请求的服务器页面做出编译和执行，并将处理过后的信息附加在HTTP请求信息流中再次返回到HttpModule中。

2. 背景

　　我们在日常开发中，也许会碰到一些这样的特殊需求，在路由规则之外，想给自己预留一个后门，进行一些小动作；或者想自定义一种特有的看起来很酷炫的后缀；或者默写后缀不想走MVC框架默认提供的处理流程，那么使用HttpHander进行扩展，再合适不过。

　　下面我们先扩展一个后缀为 .ypf的处理请求，凡是该后缀的请求，统一显示验证码页面。

3. 详细步骤

　　①. 新建一个类（ypfCode）,实现IHttpHandler接口。

  /// <summary>
     ///这里自定义的handle为一般处理程序，实现了IHttpHandler接口
     ///IRequiresSessionState是为了使http请求具有会话状态的读写权限，即能操控： context.Session["CheckCode"] = code;
     /// </summary>
     public class ypfCode : IHttpHandler, IRequiresSessionState
     {
         /// <summary>
         /// 您将需要在网站的 Web.config 文件中配置此处理程序
         /// 并向 IIS 注册它，然后才能使用它。有关详细信息，
         /// 请参阅以下链接: https://go.microsoft.com/?linkid=8101007
         /// </summary>
         #region IHttpHandler Members

         public bool IsReusable
         {
             // 如果无法为其他请求重用托管处理程序，则返回 false。
             // 如果按请求保留某些状态信息，则通常这将为 false。
             get { return true; }
         }

         public void ProcessRequest(HttpContext context)
         {
             //在此处写入您的处理程序实现。
             string code = "";
             Bitmap bitmap = VerifyCodeHelper.CreateVerifyCode(out code);
             context.Session["CheckCode"] = code;
             bitmap.Save(context.Response.OutputStream, ImageFormat.Gif);
             context.Response.ContentType = "image/gif";
         }
         #endregion
     }

　　补充一个验证码实现类：

  public class VerifyCodeHelper
     {
         public static Bitmap CreateVerifyCode(out string code)
         {
             //建立Bitmap对象，绘图
             Bitmap bitmap = new Bitmap(, );
             Graphics graph = Graphics.FromImage(bitmap);
             graph.FillRectangle(new SolidBrush(Color.White), , , , );
             Font font = new Font(FontFamily.GenericSerif, , FontStyle.Bold, GraphicsUnit.Pixel);
             Random r = new Random();
             string letters = "ABCDEFGHIJKLMNPQRSTUVWXYZ0123456789";

             StringBuilder sb = new StringBuilder();

             //添加随机的五个字母
             for (int x = ; x < ; x++)
             {
                 string letter = letters.Substring(r.Next(, letters.Length - ), );
                 sb.Append(letter);
                 graph.DrawString(letter, font, new SolidBrush(Color.Black), x * , r.Next(, ));
             }
             code = sb.ToString();

             //混淆背景
             Pen linePen = new Pen(new SolidBrush(Color.Black), );
             for (int x = ; x < ; x++)
                 graph.DrawLine(linePen, new Point(r.Next(, ), r.Next(, )), new Point(r.Next(, ), r.Next(, )));
             return bitmap;
         }
     } 

　　②. 在Web.config文件中的 <system.webServer>→<handlers>下添加以下节点，表示以.ypf为后缀的请求统一由ypfCode处理，其中

　　<add name="ypf" path="*.ypf" verb="*" type="Ypf.Web.Core.PipeLine.ypfCode,Ypf.Web.Core" />

　　　　Ypf.Web.Core.PipeLine.ypfCode：表示该类的命名空间

　　　　Ypf.Web.Core：表示该类所在库的程序集名称

  <!--VS2013及以后/IIS7.0之后的集成模式  需要添加下面的system.webServer节点-->
   <system.webServer>

     <!--. 在此处配置modules-->
     <modules runAllManagedModulesForAllRequests="false">
       <!--1.1 runAllManagedModulesForAllRequests处理静态文件的请求-->
       <remove name="FormsAuthentication" />
       <!--1.2 优化网站性能，去掉不需要的module-->
       <remove name="RoleManager" />
       <remove name="FileAuthorization" />
       <remove name="UrlAuthorization" />
     </modules>
     <!--. 在此处配置handlers-->
     <handlers>
       <!--2.1 优化网站性能，去掉不需要的module-->
       <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
       <remove name="OPTIONSVerbHandler" />
       <remove name="TRACEVerbHandler" />
       <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

       <!--2.2 添加自定义handlers-->
       <!--2.2. 后缀为ypf的请求 -->
       <add name="ypf" path="*.ypf" verb="*" type="Ypf.Web.Core.PipeLine.ypfCode,Ypf.Web.Core" />

       <!--2.2. 图片处理请求 -->
       <!--方案一 逐个添加不同格式的图片   特别注意：不支持在一个path写多个扩展名-->
       <!--<add name="img" path="*.jpg" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />
       <add name="png" path="*.png" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />
       <add name="gif" path="*.gif" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />-->
       <!--方案二 通过HangerFactory来处理  特别注意：不支持在一个path写多个扩展名 -->
       <add name="img" path="*.jpg" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />
       <add name="png" path="*.png" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />
       <add name="gif" path="*.gif" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />

     </handlers>
   </system.webServer>

　　③. 由于本身框架本身已经有一套路由规则用来处理http请求，所以需要在RouteConfig中忽略该自定义Handle的规则，如下：

　　routes.IgnoreRoute("MyTest/{*pathInfo}"); 表示MyTest/格式的请求不进行路由验证

　　

　　④. 测试：http://localhost:7559/MyTest/xxx.ypf 均返回验证码图片

二. 图片防盗链

1. 什么是图片防盗链

　　自己网站中展示的自己的图片通常是放在自己服务器上，很多无耻的网站获取到别人网站的图片地址，放到自己网站上，这就是图片盗链。

图片被盗链损耗的是自己服务器的流量。

2. 防盗链的代码实现原理

当接受到一张图片请求的时候

1. 判断该图片请求是从哪一个请求连接过来的（或者从哪一个页面连接过来的），如果为空，表示是一个单独的图片请求，肯定不该站内的，

所以判断为盗链。两种判断方式如下

　　a： context.Request.ServerVariables["HTTP_REFERER"]

　　b： context.Request.UrlReferrer

2. 如果上一个请求不为空，则判断上一个请求中是否含有该站的域名或ip地址，如果没有，则为非法请求，不是该站内的请求，

所以判断为盗链。两种判断方法

　　a：context.Request.UrlReferrer.Host.Contains("121.42.223.23")

　　b：context.Request.ServerVariables["HTTP_REFERER"].Contains("121.42.223.23")

3. 自定义hander进行处理

①. 自定义imgHandle，实现IHttpHandler接口

 /// <summary>
     /// 图片防盗链
     ///  该自定义handle用来处理各种获取图片的请求
     /// （这里处理 jpg gif png三种格式的图片）
     /// </summary>
     public class imgHandle : IHttpHandler
     {

         public bool IsReusable
         {
             // 如果无法为其他请求重用托管处理程序，则返回 false。
             // 如果按请求保留某些状态信息，则通常这将为 false。
             get { return true; }
         }

         public void ProcessRequest(HttpContext context)
         {

             //0.获取图片的返回类型
             string type = GetContentType(context.Request.Url.ToString());

             var beforeUrl = context.Request.ServerVariables["HTTP_REFERER"];

             //1. 如果请求的url为空,或者请求的主机部分为空，返回一张禁止倒链的图片
             if (context.Request.UrlReferrer == null || context.Request.UrlReferrer.Host == null)
             {
                 //context.Response.ContentType = "image/JPEG";
                 //context.Response.WriteFile("/Content/imageHandle/Forbidden.jpg");

                 context.Response.Write("您的请求是非法，请勿再试");
             }
             else
             {
                 //2. url不空,且包含自己主机域名，表示为自己网站的请求，显示正常图片
                 //正常发布的时候这里用域名或者ip，localhost为了本地调试
                 if (context.Request.UrlReferrer.Host.Contains("121.42.200.127"))
                 {
                     string FileName = context.Server.MapPath(context.Request.FilePath);
                     context.Response.ContentType = type;
                     context.Response.WriteFile(FileName);
                 }
                 else
                 {
                     //3. url不空,但不包含自己主机域名，表示该请求为盗链请求，返回一张禁止倒链的图片
                     //context.Response.ContentType = "image/JPEG";
                     //context.Response.WriteFile("/Content/imageHandle/Forbidden.jpg");

                     context.Response.Write("您的请求是非法，请勿再试");
                 }

             }
         }

         /// <summary>
         /// 将地址转换成图片返回值
         /// </summary>
         /// <param name="url"></param>
         /// <returns></returns>
         private static string GetContentType(string url)
         {
             switch (Path.GetExtension(url))
             {
                 case ".gif":
                     return "Image/gif";
                 case ".jpg":
                     return "Image/jpeg";
                 case ".png":
                     return "Image/png";
                 default:
                     break;
             }
             return null;
         }

     }

　　扩展：也可以自定义handleFactory，实现IHttpHandlerFactory接口，在handleFactory中指定不同hander。

 /// <summary>
     /// 自定义的一个HandleFactory，用来指定不同的后缀调用不同的Handle
     /// 这里是一个ImageHandlerFactory,处理不同 图片后缀
     /// </summary>
     public class ImageHandlerFactory : IHttpHandlerFactory
     {
         public IHttpHandler GetHandler(HttpContext context, string requestType, string url, string pathTranslated)
         {
             string path = context.Request.PhysicalPath;
             if (Path.GetExtension(path).Equals(".jpg"))
             {
                 return new imgHandle();
             }
             else if (Path.GetExtension(path).Equals(".png"))
             {
                 return new imgHandle();
             }
             else
             {
                 //这里可以继续扩展，这里测试不继续扩展了
                 return new imgHandle();
             }

         }

         public void ReleaseHandler(IHttpHandler handler)
         {

         }
     }

②. 在Web.config文件中的 <system.webServer>→<handlers>下添加：

<add name="img" path="*.jpg" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />

<add name="png" path="*.png" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />

<add name="gif" path="*.gif" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />

  <!--VS2013及以后/IIS7.0之后的集成模式  需要添加下面的system.webServer节点-->
   <system.webServer>

     <!--. 在此处配置modules-->
     <modules runAllManagedModulesForAllRequests="false">
       <!--1.1 runAllManagedModulesForAllRequests处理静态文件的请求-->
       <remove name="FormsAuthentication" />
       <!--1.2 优化网站性能，去掉不需要的module-->
       <remove name="RoleManager" />
       <remove name="FileAuthorization" />
       <remove name="UrlAuthorization" />
     </modules>
     <!--. 在此处配置handlers-->
     <handlers>
       <!--2.1 优化网站性能，去掉不需要的module-->
       <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
       <remove name="OPTIONSVerbHandler" />
       <remove name="TRACEVerbHandler" />
       <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

       <!--2.2 添加自定义handlers-->
       <!--2.2. 后缀为ypf的请求 -->
       <add name="ypf" path="*.ypf" verb="*" type="Ypf.Web.Core.PipeLine.ypfCode,Ypf.Web.Core" />

       <!--2.2. 图片处理请求 -->
       <!--方案一 逐个添加不同格式的图片   特别注意：不支持在一个path写多个扩展名-->
       <add name="img" path="*.jpg" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />
       <add name="png" path="*.png" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />
       <add name="gif" path="*.gif" verb="*" type="Ypf.Web.Core.PipeLine.imgHandle,Ypf.Web.Core" />
       <!--方案二 通过HangerFactory来处理  特别注意：不支持在一个path写多个扩展名 -->
       <!--<add name="img" path="*.jpg" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />
       <add name="png" path="*.png" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />
       <add name="gif" path="*.gif" verb="*" type="Ypf.Web.Core.PipeLine.ImageHandlerFactory,Ypf.Web.Core" />-->

     </handlers>
   </system.webServer>

4. 代码测试

　　新建一个Index页面，在该页面通过img标签直接链接到图片地址，显示图片，然后将该项目发布到测试服务器上。

①：访问地址：http://121.42.200.127:8099/Pipe/Index， 正常显示该页面中的图片, 表示该图片请求为站内正常的请求

②：访问地址：http://121.42.200.127:8099/Content/imageHandle/pipe1.jpg, 不能正常访问，表示该图片请求为盗链