1】開篇介紹

這篇文章將簡單的分析一下有關(guān)靜態(tài)文件捆綁的ASP.NET組件System.Web.Optimization的運行原理及基本的緩存問題：

在我們的項目里面充斥著很多靜態(tài)文件，為了追求模塊化、插件化很多靜態(tài)文件都被設(shè)計成模塊的方式或者被分解，在需要的時候在通過組合的方式在UI層上使用；這就帶來一個問題，文件多了會影響瀏覽器加載頁面的速度，而且由于瀏覽器的并發(fā)限制，對于并行的請求不是無限制的，所以捆綁靜態(tài)文件的功能就產(chǎn)生；其實在以前，IIS還沒有集成管道模型的時候我們只能通過動態(tài)資源的方式進行輸出，也就是我們經(jīng)常在*aspx頁面里看見很多*.axd結(jié)尾的請求，當(dāng)然多數(shù)情況下是配合ASP.NETAJAX用來輸出動態(tài)JS、HTMDOM、CSS用的；

最新的IIS已經(jīng)很好的集成了ASP.NET管道模型，也就是說我們完全可以通過ASP.NET本身的擴展來控制所有經(jīng)過IIS的請求，包括靜態(tài)文件，所以讓捆綁靜態(tài)文件成為了可能；

下面我們將分析一下System.Web.Optimization組件的基本運行原理，它是如何動態(tài)加載的，如何控制緩存的；

2】System.Web.Optimization 組件

每當(dāng)我們新建一個ASP.NETMVC4站點的時候都會在～/App_Start目錄下有一個BundleConfig.cs的啟動文件，當(dāng)然創(chuàng)建其他的ASP.NET4.0及4.0以上的項目也會有；

我第一次看見這個文件實在讓我困惑，所以我打算簡單的分析一下，知道其基本原理；

代碼是一個靜態(tài)方法，然后傳入一個BundleCollection集合對象，其實就是Bundle對象的集合，然后通過向集合內(nèi)部注冊多個Bundle；每個Bundle對應(yīng)著多個靜態(tài)文件，可以想象成就是鍵值對集合；通過后面的Include方法包含N多個靜態(tài)文件，這里的靜態(tài)文件路徑可以是符合特定規(guī)則的字符串，由它內(nèi)部去計算；

這是注冊階段，然后就是使用階段，使用階段很簡單只要我們通過我們注冊的Key字符串就能直接引用這些靜態(tài)文件列表；

我們只要關(guān)注Styles.Render、Scripts.Render兩個方法，這兩個方法是想頁面注入之前在后臺配置的靜態(tài)文件列表；這樣我們在客戶端看見的就是被捆綁過后的文件集合了；

文件的連接地址已經(jīng)是被捆綁過后的地址了，這個地址就是我們在之前注冊的時候用的key，后面它需要這個key去獲取value 靜態(tài)文件列表；要想你的捆綁起效果需要在注冊的時候加上一段：BundleTable.EnableOptimizations = true;代碼，意思是說開啟捆綁，如果不開啟捆綁則默認(rèn)在調(diào)試環(huán)境里將不起效果，因為System.Web.Optimization使用了默認(rèn)捆綁策略，如果是在Debug模式下，將不啟用捆綁，如果你人為的設(shè)置了將覆蓋默認(rèn)設(shè)置；

使用就是這些，下面我們需要搞懂它是如何運行的，要了解一下它的基本原理；

3】System.Web.Optimization 組件基本原理

既然IIS集成了管道模型，那么我們肯定是能找到對應(yīng)的HttpModule的，為了節(jié)省時間我就不去下載源碼了，我們直接用反編譯工具看一下；

這就是Bundle的HttpModule，它只用來處理
Bundle的連接地址，雖然它在HTTP的管道中；找到它就好順藤摸瓜了，但是奇怪的是我在Web.config里沒有發(fā)現(xiàn)它的配置信息，奇怪了，難道它還跑去系統(tǒng)文件改，當(dāng)然是不可能的；所以我一時還想不起能有什么辦法動態(tài)注冊，提起動態(tài)注冊突然有了思路，好像有一個Assembly級別的特性用來注冊Application_Start啟動時候的前置代碼，會在Application啟動之前執(zhí)行，來看一下；

果然藏著這里呢，它注冊了一個PreApplicationStartCode靜態(tài)類，使用Start方法啟動；

這段代碼很簡單，先判斷有沒有執(zhí)行過注冊，如果沒有就執(zhí)行動態(tài)注冊，這個動態(tài)注冊組件是.NETFramework自帶的，在Microsoft.Web.Infrastructure里面只不過屬于平臺相關(guān)的，跟ASP.NET沒有直接關(guān)系，我們可以用Microsoft.Web.Infrastructure來開發(fā)自己的WEB組件；這里有一個疑問，為什么靜態(tài)方法也要加判斷呢，不是只會執(zhí)行一次嗎，因為靜態(tài)方法的執(zhí)行是不受控制的，所以如果不加判斷很有可能會注冊多次，出于嚴(yán)謹(jǐn)考慮還是加上；

現(xiàn)在基本上我們已經(jīng)找到源頭了，服務(wù)端這里我們先放一下，對于客戶端的疑問很多，它既然幫我們捆綁了，那么緩存是如何處理的，也就是說它的輸出緩存有沒有設(shè)置，如果設(shè)置了不是有問題；

【客戶端緩存相關(guān)】

為了很好的了解請求之間的信息，我們用Fiddler監(jiān)聽一下；

我們看見它的Cache部分是用了If-Modified-Since來表示本地的文件的最后一次修改，這樣是為了能夠讓服務(wù)器去驗證文件是否改動，如果沒有改動服務(wù)器的響應(yīng)狀態(tài)碼為304，說明Bundle在輸出的時候并沒有設(shè)置對這個文件進行客戶端強制緩存，我們通過Pragma: no-cache頭也能看出來了；

那么我們得出結(jié)論，所有Bundle出來的文件都不可能直接緩存在瀏覽器中，每次都會帶上Cache段If-Modified-Since去驗證服務(wù)器的文件版本；剛好這里我們可以跟動態(tài)輸出的靜態(tài)文件地址的后面的參數(shù)對上了；

比如：

/Content/css?v=ZPnWVRT3c0yyrVDPmI-xkJuhBdJfQsL3A0K5C9WTOk01

這個鏈接后面的v參數(shù)是表示當(dāng)前Bundle后虛擬文件的版本，如果我們在服務(wù)器上把文件修改了之后那么這個文件的If-Modified-Since驗證就失敗了，會生成新的版本號作為連接的參數(shù)；我們來看一下，心里踏實；

我加了一個width:auto的style，那么這個時候我刷新客戶端應(yīng)該是不會再有304出現(xiàn)了；

顯然/Content/css?v=doYFOk3BdOYWDIRbQ7juV6eQdlJAu6RtC0G13El7X041 文件的版本變了，那么Response也不應(yīng)該是304了；

如果靜態(tài)文件的版本號發(fā)生改變，根本就不會帶上 If-Modified-Since，這個是用在每次進行進行Post是用來驗證的；其實意思就是說如果沒有IIS集成模式那么捆綁文件的方式只能改變靜態(tài)文件的文件名；

4】擴展自定義類型靜態(tài)文件

Bundle對象是所有需要捆綁文件的基類，如果我們需要擴展一些靜態(tài)文件，如一些特定領(lǐng)域的靜態(tài)文件，我們可以直接繼承這個類；

【XML文件的緩存】

擴展XML文件很簡單，我們只需要繼承一下Bundle對象，所有關(guān)于動態(tài)生成URL都有專門的對象處理，我們來看下代碼；

public class XmlBundle : Bundle
 {
 public XmlBundle(string path) : base(path) { }
 }
 public static class XmlBundleRender
 {
 public static IHtmlString Render(string path)
 {
  BundleResolver bundle = new BundleResolver(BundleTable.Bundles);
  return new HtmlString(
  string.Format(@"link href=""{0}"" rel=""stylesheet""/>", bundle.GetBundleUrl(path)));
 }
 }

首先我們需要一個繼承自Bundle對象的XmlBundle，用來表示我們所有將要傳輸?shù)腦ML文件捆綁容器，然后我們需要一個靜態(tài)方法用來注冊捆綁后的URL；

這個URL的生成有專門的BundleResolver對象來完成，我們只需要傳入所有的BundleCollection對象，我這里為了能在瀏覽器中測試所以寫了一段stylesheet類型的link；這樣我們就能直接在我們需要的地方直接使用了，我在index視圖中引用：@MvcApplication4.Seed.XmlBundleRender.Render("~/custom/xml");是不是很簡單，這樣我們就能對所有想控制捆綁的文件進行捆綁，只需要繼承加簡單的靜態(tài)方法輔助；

我們來看一下我們的XML文件是否具有所有緩存特性；

第一次請求沒有加If-Modified-Since段，返回的內(nèi)容是一個簡單的model>222/model> 測試簡單，現(xiàn)在我們看它是否在下一次不改變內(nèi)容的情況下使用緩存；

在我們預(yù)料之中，使用了緩存數(shù)據(jù)，下面我們需要把服務(wù)器上的XML文件進行修改，將222改成243454637看是否自動刷新本地緩存也就是說不會是304返回狀態(tài)；

也刷新緩存，符合理論根據(jù)，正確的返回了我們修改后的值；

結(jié)：其實HTTP不僅僅用在瀏覽器中，會有很多使用HTTP的場合，所以我們能很好的將這種功能用來捆綁一些圖片、文字等多種場合中，確實是個不錯的組件；文章結(jié)束，謝謝；

作者：王清培

出處：http://www.cnblogs.com/wangiqngpei557/

本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。