web优化之-Asp.net MVC js、css动态合并 动态压缩 (2)

在前一篇文章web优化之-Asp.net MVC js、css动态合并 动态压缩中的js和css的路径都是Scripts/jquery-1.5.1.js,Scripts/jquery.validate.js这在http请求时路径比较长，为此我们可以改用[Scripts/jquery-1.5.1,jquery.validate]这种格式。同时为了防止文件更新后客户端无法刷新的问题我们加了version标记

修改后的代码：

CombineFiles：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
using System.IO;
using Yahoo.Yui.Compressor;

/// <summary>
/// Summary description for CombineFiles
/// </summary>
public class CombineFiles : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/javascript";
HttpRequest request = context.Request;
HttpResponse response = context.Response;
string[] allkeys = request.QueryString.AllKeys;
string version = string.Empty;
if (allkeys.Contains("version"))
{
version = request.QueryString["version"].Trim().ToLower();
}
if (!allkeys.Contains("href") || !allkeys.Contains("type") || !allkeys.Contains("compress"))
{
response.Write("请求格式不正确，正确格式是type=....&href=....&compress=...\r\n");
response.Write("type只能是js或则css,compress只能是true或则false，href则是请求的文件，多个文件已逗号分隔\r\n");
response.Write("示例如下:\r\n type=js&compress=true&href=[Scripts/jquery-1.5.1,jquery.validate][Scripts/MicrosoftAjax]");
}
else
{
string cacheKey = request.Url.Query;
#region /*确定合并文件类型*/
string fileType = request.QueryString["type"].Trim().ToLower();
string contenType = string.Empty;
if (fileType.Equals("js"))
{
contenType = "text/javascript";
}
else if (fileType.Equals("css"))
{
contenType = "text/css";
}
/*确定合并文件类型*/
#endregion
CacheItem cacheItem = HttpRuntime.Cache.Get(cacheKey) as CacheItem;//服务端缓存
if (cacheItem != null && !String.IsNullOrEmpty(cacheItem.Version) && !string.IsNullOrEmpty(version))
{
if (cacheItem.Version != version)
{
cacheItem = null;
}
}
if (cacheItem == null)
{
#region 合并压缩文件
/*合并文件*/
string href = context.Request.QueryString["href"].Trim();
string content = string.Empty;
string[] files = GetFilePath(href);
StringBuilder sb = new StringBuilder();
foreach (string fileName in files)
{

string filePath = context.Server.MapPath(fileName + "." + fileType);
if (File.Exists(filePath))
{
string readstr = File.ReadAllText(filePath, Encoding.UTF8);
sb.Append(readstr);
//content = JavaScriptCompressor.Compress(content);
//response.Write(content);
}
else
{
sb.AppendLine("\r\n未找到源文件" + filePath + "\r\n");
}
}
content = sb.ToString();
/*合并文件*/
/*压缩文件*/
string compressStr = request.QueryString["compress"].Trim();
bool iscompress = bool.Parse(compressStr);
if (iscompress)
{
if (fileType.Equals("js"))
{
//content = JavaScriptCompressor.Compress(content);
content = (new JavaScriptCompressor()).Compress(content);
}
else if (fileType.Equals("css"))
{
// content = CssCompressor.Compress(content);
content = (new CssCompressor()).Compress(content);
}
}
/*压缩文件*/
#endregion
cacheItem = new CacheItem() { Content = content, Expires = DateTime.Now.AddHours(1), Version = version };
HttpRuntime.Cache.Insert(cacheKey, cacheItem, null, cacheItem.Expires, TimeSpan.Zero);
}
response.ContentType = contenType;
if (request.Headers["If-Modified-Since"] != null && TimeSpan.FromTicks(cacheItem.Expires.Ticks - DateTime.Parse(request.Headers["If-Modified-Since"]).Ticks).Seconds < 100)
{
response.StatusCode = 304;
// response.Headers.Add("Content-Encoding", "gzip");
response.StatusDescription = "Not Modified";
}
else
{
response.Write(cacheItem.Content);
SetClientCaching(response, DateTime.Now);
}
}  //合并文件结束
}

string[] GetFilePath(string filesrc)
{
List<string> result = new List<string>();
string[] files = filesrc.Split(new char[] { '[', ']' }, StringSplitOptions.RemoveEmptyEntries);
foreach (string file in files)
{
string[] srcs = file.Split(new char[] { ',' });
string first = srcs[0];
int index = first.LastIndexOf("/");
string prefx = first.Substring(0, index);
result.Add(first);
if (srcs.Length > 1)
{
srcs = srcs.Where((x, i) => { return i > 0; }).Select(x => prefx + "/" + x).ToArray();
result.AddRange(srcs);
}
}
return result.ToArray();
}
private void SetClientCaching(HttpResponse response, DateTime lastModified)
{
response.Cache.SetETag(lastModified.Ticks.ToString());
response.Cache.SetLastModified(lastModified);
//public 以指定响应能由客户端和共享（代理）缓存进行缓存。
response.Cache.SetCacheability(HttpCacheability.Public);
//是允许文档在被视为陈旧之前存在的最长绝对时间。
response.Cache.SetMaxAge(new TimeSpan(7, 0, 0, 0));
//将缓存过期从绝对时间设置为可调时间
response.Cache.SetSlidingExpiration(true);
}
class CacheItem
{
public string Content { set; get; }
public DateTime Expires { set; get; }
public string Version { set; get; }
}
public bool IsReusable
{
get
{
return false;
}
}
}

CombineResFile：

namespace System.Web.Mvc.Html
{
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Text;
using System.Collections;
using System.IO;

public enum ResOrderType
{
Highest = 1,
High = 2,
Normal = 3,
Low = 4,
Lowest = 5
}
public enum ResourceType
{
/// <summary>
/// CSS
/// </summary>
StyleSheet = 0,

/// <summary>
/// JS
/// </summary>
Script = 1
}

public static class CombineResFile
{
class ResourceInfo
{
public string Url { set; get; }
public string Group { set; get; }
public ResOrderType Order { set; get; }
}
const string conAppendFileKey = "AppendFileKey";
const string conRemoveFileKey = "RemoveFileKey";
const string conRemoveGroupKey = "RemoveGroupKey";

/// <summary>
/// 合并路径
/// </summary>
/// <param name="paths"></param>
/// <returns></returns>

/// <summary>
/// 添加资源文件
/// </summary>
/// <param name="htmlHelper"></param>
/// <param name="resType">资源类型</param>
/// <param name="url">文件的路径</param>
/// <param name="group">文件的分组名称</param>
/// <param name="order">文件同组中的优先级,默认：Normal</param>
public static void AppendResFile(this HtmlHelper htmlHelper, ResourceType resType, string url, string group = "", ResOrderType order = ResOrderType.Normal)
{
AppendResFile(htmlHelper, resType, GetFilePath(url), group, order);
}

/// <summary>
/// 添加资源文件
/// </summary>
/// <param name="htmlHelper"></param>
/// <param name="resType">资源类型</param>
/// <param name="urls">文件的路径列表，如“channel/fanbuxie/urlcommon”,不支[]限定符</param>
/// <param name="group">文件的分组名称</param>
/// <param name="order">文件同组中的优先级,默认：Normal</param>
public static void AppendResFile(this HtmlHelper htmlHelper, ResourceType resType, string[] urls, string group = "", ResOrderType order = ResOrderType.Normal)
{
Dictionary<string, ResourceInfo> resFiles = null;
var urlArray = urls.Where(s => !string.IsNullOrWhiteSpace(s)).ToArray<string>();
if (urlArray == null || urlArray.Length == 0)
{
return;
}

string key = string.Format("{0}_{1}", resType.ToString(), conAppendFileKey);
if (htmlHelper.ViewContext.HttpContext.Items.Contains(key))
{
resFiles = htmlHelper.ViewContext.HttpContext.Items[key] as Dictionary<string, ResourceInfo>;
}
else
{
resFiles = new Dictionary<string, ResourceInfo>();
htmlHelper.ViewContext.HttpContext.Items.Add(key, resFiles);
}
for (int i = 0; i < urlArray.Length; i++)
{
if (resFiles.Keys.Contains(urlArray[i]))
{
resFiles[urlArray[i]].Group = group;
resFiles[urlArray[i]].Order = order;
}
else
{
resFiles.Add(urlArray[i], new ResourceInfo() { Url = urlArray[i], Group = group, Order = order });
}
}

htmlHelper.ViewContext.HttpContext.Items[key] = resFiles;
}

/// <summary>
/// 移除资源文件
/// </summary>
/// <param name="resType">资源类型</param>
/// <param name="htmlHelper"></param>
/// <param name="urls">移除文件,可以为空或则null </param>
/// <param name="group">移除文件所在的组可以为null</param>
public static void RemoveResFile(this HtmlHelper htmlHelper, ResourceType resType, string url, string group = "")
{
RemoveResFile(htmlHelper, resType, GetFilePath(url), group);
}
/// <summary>
/// 移除资源文件
/// </summary>
/// <param name="resType">资源类型</param>
/// <param name="htmlHelper"></param>
/// <param name="urls">移除文件列表,可以为空或则null </param>
/// <param name="group">移除文件所在的组可以为null</param>
public static void RemoveResFile(this HtmlHelper htmlHelper, ResourceType resType, string[] urls, string group = "")
{
var urlArray = urls.Where(s => !string.IsNullOrWhiteSpace(s)).ToArray<string>();

#region 按照js的地址移除
if (urlArray != null && urlArray.Length > 0)
{

List<string> removeFileKeys = null;
string key = string.Format("{0}_{1}", resType.ToString(), conRemoveFileKey);

if (htmlHelper.ViewContext.HttpContext.Items.Contains(key))
{
removeFileKeys = htmlHelper.ViewContext.HttpContext.Items[key] as List<string>;
}
else
{
removeFileKeys = new List<string>();
htmlHelper.ViewContext.HttpContext.Items.Add(key, removeFileKeys);
}
for (int i = 0; i < urlArray.Length; i++)
{
var url = urlArray[i].Trim().ToLower();
if (!removeFileKeys.Contains(url))
{
removeFileKeys.Add(url);
}
}
}
#endregion

#region  按照js的group移除
if (!string.IsNullOrEmpty(group))
{
List<string> removeGroupKeys = null;
string keyGroup = string.Format("{0}_{1}", resType.ToString(), conRemoveGroupKey);
if (htmlHelper.ViewContext.HttpContext.Items.Contains(keyGroup))
{
removeGroupKeys = htmlHelper.ViewContext.HttpContext.Items[keyGroup] as List<string>;
}
else
{
removeGroupKeys = new List<string>();
htmlHelper.ViewContext.HttpContext.Items.Add(keyGroup, removeGroupKeys);
}
if (!removeGroupKeys.Contains(group))
{
removeGroupKeys.Add(group);
}

}
#endregion
}
/// <summary>
/// 输出js
/// </summary>
/// <param name="htmlHelper"></param>
/// <returns></returns>
public static MvcHtmlString RenderResFile(this HtmlHelper htmlHelper, ResourceType resType)
{
string keyAppend = string.Format("{0}_{1}", resType.ToString(), conAppendFileKey);
string keyRemove = string.Format("{0}_{1}", resType.ToString(), conRemoveGroupKey);
string keyRemoveGroup = string.Format("{0}_{1}", resType.ToString(), conRemoveGroupKey);
Dictionary<string, ResourceInfo> resFiles = null;
StringBuilder content = new StringBuilder();
if (htmlHelper.ViewContext.HttpContext.Items.Contains(keyAppend))
{
resFiles = htmlHelper.ViewContext.HttpContext.Items[keyAppend] as Dictionary<string, ResourceInfo>;
List<string> removeFileKey = new List<string>();
if (htmlHelper.ViewContext.HttpContext.Items.Contains(keyRemove))
{
removeFileKey = htmlHelper.ViewContext.HttpContext.Items[keyRemove] as List<string>;
}
List<string> removeGroupKey = new List<string>();
if (htmlHelper.ViewContext.HttpContext.Items.Contains(keyRemoveGroup))
{
removeGroupKey = htmlHelper.ViewContext.HttpContext.Items[keyRemoveGroup] as List<string>;
}
List<ResourceInfo> files = resFiles.Select(x => x.Value)
.Where(x => !removeFileKey.Contains(x.Url) && !removeGroupKey.Contains(x.Group))
.ToList<ResourceInfo>();

IEnumerable<IGrouping<string, ResourceInfo>> jsGroupFiles = files.OrderByDescending(x => x.Group).GroupBy(x => x.Group);
foreach (IGrouping<string, ResourceInfo> item in jsGroupFiles)
{
var resPath = CombinePath(item.ToArray());
string version = "0";
//获取版本号
version = GetVersion(item.ToArray(), resType);

switch (resType)
{
case ResourceType.StyleSheet:
string cssformat = "<link charset=\"utf-8\" rel=\"stylesheet\" type=\"text/css\" href=\"/CombineFiles.ashx?type=js&compress=false&href={0}&version={1}\">";
content.Append(string.Format(cssformat, resPath, version));
break;

case ResourceType.Script:
string jsformat = "<script type=\"text/javascript\" src=\"/CombineFiles.ashx?type=js&compress=true&href={0}&version={1} \"></script>";
content.Append(string.Format(jsformat, resPath, version));
break;
}

}
}//end if
return new MvcHtmlString(content.ToString());
}

static string CombinePath(ResourceInfo[] items)
{
var all = items.OrderBy(x => x.Order).GroupBy(x => x.Order).ToArray();
StringBuilder sb = new StringBuilder();
foreach (var item in all)
{
int order = 1;
var files = item.Select(x =>
{
int lastIndex = x.Url.LastIndexOf('/');
string prefix = x.Url.Substring(0, lastIndex);
string fileName = x.Url.Substring(lastIndex + 1);
return new { Prfx = prefix, FileName = fileName, FileOrder = order++ };
}).OrderBy(x => x.FileOrder);

var keysgroup = files.GroupBy(x => x.Prfx).ToArray();
foreach (var key in keysgroup)
{
var list = files.Where(x => x.Prfx.Equals(key.Key)).ToArray();
sb.Append("[" + list[0].Prfx + "/" + list[0].FileName);
string jsprfx = list[0].Prfx;
for (int i = 1; i < list.Length; i++)
{
sb.Append("," + list[i].FileName);
}
sb.Append("]");
}
}
return sb.ToString();
}
static string[] GetFilePath(string filesrc)
{
List<string> result = new List<string>();
string[] files = filesrc.Split(new char[] { '[', ']' }, StringSplitOptions.RemoveEmptyEntries);
foreach (string file in files)
{
string[] srcs = file.Split(new char[] { ',' });
string first = srcs[0];
int index = first.LastIndexOf("/");
string prefx = first.Substring(0, index);
result.Add(first);
if (srcs.Length > 1)
{
srcs = srcs.Where((x, i) => { return i > 0; }).Select(x => prefx + "/" + x).ToArray();
result.AddRange(srcs);
}
}
return result.ToArray();
}
static string GetVersion(ResourceInfo[] items, ResourceType restype)
{
StringBuilder sb = new StringBuilder();
string ext = ".js";
if (restype == ResourceType.StyleSheet)
{
ext = ".css";
}
foreach (ResourceInfo item in items)
{
string filename = item.Url + ext;
string filepath = HttpContext.Current.Server.MapPath(filename);
FileInfo file = new FileInfo(filepath);
sb.Append(file.LastWriteTime.ToString("yyyyMMddHHmmss"));
}
string version = sb.ToString().GetHashCode().ToString();
version = version.Replace("-", string.Empty);

///Read web config

///
return version;
}

}
}

结果如图：



注意Yahoo.Yui.Compressor版本不同,调用方式也不同.

如果是在MVC4项目里,这里可以不用Yahoo.Yui.Compressor来压缩文件,可以用WebGrease.1.1.0\lib\WebGrease.dll中的Minifier类来实现压缩.代码如下:

CodeSettings codeSettings = new CodeSettings

{

EvalTreatment = EvalTreatment.MakeImmediateSafe,

PreserveImportantComments = false

};

content= (new Microsoft.Ajax.Utilities.Minifier()).MinifyJavaScript(content,codeSettings);

--------------------------------------------------------------------

CssSettings setting = new CssSettings() { CommentMode=CssComment.None };

content = (new Microsoft.Ajax.Utilities.Minifier()).MinifyStyleSheet(content,setting);