table

          使用ETags減少Web應用帶寬和負載

          介紹

          最近,大眾對于REST風格應用架構表現出強烈興趣,這表明Web的優雅設計開始受到人們的注意。現在,我們逐漸理解了“3W架構(Architecture of the World Wide Web)”內在所蘊含的可伸縮性和彈性,并進一步探索運用其范式的方法。本文中,我們將探究一個可被Web開發者利用的、鮮為人知的工具,不引人注意的“ETag響應頭(ETag Response Header)”,以及如何將它集成進基于Spring和Hibernate的動態Web應用,以提升應用程序性能和可伸縮性。

          我們將要使用的Spring框架應用是基于“寵物診所(petclinic)”的。下載文件中包含了關于如何增加必要的配置及源碼的說明,你可以自己嘗試。

          什么是“ETag”?

          HTTP協議規格說明定義ETag為“被請求變量的實體值” (參見 http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html —— 章節 14.19)。 另一種說法是,ETag是一個可以與Web資源關聯的記號(token)。典型的Web資源可以一個Web頁,但也可能是JSON或XML文檔。服務器單獨負責判斷記號是什么及其含義,并在HTTP響應頭中將其傳送到客戶端。

          ETag如何幫助提升性能?

          聰明的服務器開發者會把ETags和GET請求的“If-None-Match”頭一起使用,這樣可利用客戶端(例如瀏覽器)的緩存。因為服務器首先產生ETag,服務器可在稍后使用它來判斷頁面是否已經被修改。本質上,客戶端通過將該記號傳回服務器要求服務器驗證其(客戶端)緩存。

          其過程如下:

          1. 客戶端請求一個頁面(A)。
          2. 服務器返回頁面A,并在給A加上一個ETag。
          3. 客戶端展現該頁面,并將頁面連同ETag一起緩存。
          4. 客戶再次請求頁面A,并將上次請求時服務器返回的ETag一起傳遞給服務器。
          5. 服務器檢查該ETag,并判斷出該頁面自上次客戶端請求之后還未被修改,直接返回響應304(未修改——Not Modified)和一個空的響應體。

          本文的其余部分將展示在基于Spring框架的Web應用中利用ETag的兩種方法,該應用使用Spring MVC。首先我們將使用Servlet 2.3 Filter,利用展現視圖(rendered view)的MD5校驗和(checksum)以實現生成ETag的方法(一個“淺顯的”ETag實現)。 第二種方法使用更為復雜的方法追蹤view中所使用的model,以確定ETag有效性(一個“深入的”ETag實現)。盡管我們使用的是Spring MVC,但該技術可以應用于任何MVC風格的Web框架。

          在我們繼續之前,強調一下這里所展現的是提升動態產生頁面性能的技術。已有的優化技術也應作為整體優化和應用性能特性調整分析的一部分來考慮。(見下)。

          自頂向下的Web緩存

          本文主要涉及對動態生成頁面使用HTTP緩存技術。當考慮提升Web應用的性能的時候,應采取一個整體的、自頂向下的方法。為了這一目的,理解HTTP請求經過的各層是很重要的,應用哪些適當的技術取決于你所關注的熱點。例如:

          • 將Apache作為Servlet容器的前端,來處理如圖片和javascript腳本這樣的靜態文件,而且還可以使用FileETag指令創建ETag響應頭。
          • 使用針對javascript文件的優化技術,如將多個文件合并到一個文件中以及壓縮空格。
          • 利用GZip和緩存控制頭(Cache-Control headers)。
          • 為確定你的Spring框架應用的痛處所在,可以考慮使用 JamonPerformanceMonitorInterceptor
          • 確信你充分利用ORM工具的緩存機制,因此對象不需要從數據庫中頻繁的再生。花時間確定如何讓查詢緩存為你工作是值得的。
          • 確保你最小化數據庫中獲取的數據量,尤其是大的列表。如果每個頁面只請求大列表的一個小子集,那么大列表的數據應由其中某個頁面一次獲得。
          • 使放入到HTTP session中的數據量最小。這樣內存得到釋放,而且當將應用集群的時候也會有所幫助。
          • 使用數據庫明細(database profiling)工具來查看在查詢的時候使用了什么索引,在更新的時候整個表沒有被上鎖。

          當然,應用性能優化的至理名言是:兩次測量,一次剪裁(measure twice, cut once)。哦,等等,這是對木工而言的!沒錯,但是它在這里也很適用!

          ETag Filter內容體

          我們要考慮的第一種方法是創建一個Servlet Filter,它將基于頁面(MVC中的“View”)的內容產生其ETag 記號。乍一看,使用這種方法所獲得的任何性能提升看起來都是違反直覺的。我們仍然不得不產生頁面,而且還增加了產生記號的計算時間。然而,這里的想法是減少帶寬使用。在大的響應時間情形下,如你的主機和客戶端分布在這個星球的兩端,這很大程度上是有益的。我曾見過東京辦公室使用紐約服務器上托管的應用,其響應時間達到了 350 ms。隨著并發用戶數的增長,這將變成巨大的瓶頸。

          代碼

          我們用來產生記號的技術是基于從頁面內容計算MD5哈希值。這通過在響應之上創建一個包裝器來實現。該包裝器使用字節數組來保存所產生的內容,在filter鏈處理完成之后我們利用數組的MD5哈希值計算記號。

          doFilter方法的實現如下所示。

           public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException,
          ServletException {
          HttpServletRequest servletRequest = (HttpServletRequest) req;
          HttpServletResponse servletResponse = (HttpServletResponse) res;

          ByteArrayOutputStream baos = new ByteArrayOutputStream();
          ETagResponseWrapper wrappedResponse = new ETagResponseWrapper(servletResponse, baos);
          chain.doFilter(servletRequest, wrappedResponse);

          byte[] bytes = baos.toByteArray();

          String token = '"' + ETagComputeUtils.getMd5Digest(bytes) + '"';
          servletResponse.setHeader("ETag", token); // always store the ETag in the header

          String previousToken = servletRequest.getHeader("If-None-Match");
          if (previousToken != null && previousToken.equals(token)) { // compare previous token with current one
          logger.debug("ETag match: returning 304 Not Modified");
          servletResponse.sendError(HttpServletResponse.SC_NOT_MODIFIED);
          // use the same date we sent when we created the ETag the first time through
          servletResponse.setHeader("Last-Modified", servletRequest.getHeader("If-Modified-Since"));
          } else { // first time through - set last modified time to now
          Calendar cal = Calendar.getInstance();
          cal.set(Calendar.MILLISECOND, 0);
          Date lastModified = cal.getTime();
          servletResponse.setDateHeader("Last-Modified", lastModified.getTime());

          logger.debug("Writing body content");
          servletResponse.setContentLength(bytes.length);
          ServletOutputStream sos = servletResponse.getOutputStream();
          sos.write(bytes);
          sos.flush();
          sos.close();
          }
          }

          清單 1:ETagContentFilter.doFilter

          你需注意到,我們還設置了Last-Modified頭。這被認為是為服務器產生內容的正確形式,因為其迎合了不認識ETag頭的客戶端。

          下面的例子使用了一個工具類EtagComputeUtils來產生對象所對應的字節數組,并處理MD5摘要邏輯。我使用了javax.security MessageDigest來計算MD5哈希碼。

          public static byte[] serialize(Object obj) throws IOException {
          byte[] byteArray = null;
          ByteArrayOutputStream baos = null;
          ObjectOutputStream out = null;
          try {
          // These objects are closed in the finally.
          baos = new ByteArrayOutputStream();
          out = new ObjectOutputStream(baos);
          out.writeObject(obj);
          byteArray = baos.toByteArray();
          } finally {
          if (out != null) {
          out.close();
          }
          }
          return byteArray;
          }

          public static String getMd5Digest(byte[] bytes) {
          MessageDigest md;
          try {
          md = MessageDigest.getInstance("MD5");
          } catch (NoSuchAlgorithmException e) {
          throw new RuntimeException("MD5 cryptographic algorithm is not available.", e);
          }
          byte[] messageDigest = md.digest(bytes);
          BigInteger number = new BigInteger(1, messageDigest);
          // prepend a zero to get a "proper" MD5 hash value
          StringBuffer sb = new StringBuffer('0');
          sb.append(number.toString(16));
          return sb.toString();
          }

          清單 2:ETagComputeUtils

          直接在web.xml中配置filter。

              <filter>
          <filter-name>ETag Content Filter</filter-name>
          <filter-class>org.springframework.samples.petclinic.web.ETagContentFilter</filter-class>
          </filter>

          <filter-mapping>
          <filter-name>ETag Content Filter</filter-name>
          <url-pattern>/*.htm</url-pattern>
          </filter-mapping>

          清單 3:web.xml中配置filter。

          每個.htm文件將被EtagContentFilter過濾,如果頁面自上次客戶端請求后沒有改變,它將返回一個空內容體的HTTP響應。

          我們在這里展示的方法對特定類型的頁面是有用的。但是,該方法有兩個缺點:

          • 我們是在頁面已經被展現在服務器之后計算ETag的,但是在返回客戶端之前。如果有Etag匹配,實際上并不需要再為model裝進數據,因為要展現的頁面不需要發送回客戶端。
          • 對于類似于在頁腳顯示日期時間這樣的頁面,即使內容實際上并沒有改變,每個頁面也將是不同的。

          下一節,我們將著眼于另一種方法,其通過理解更多關于構造頁面的底層數據來克服這些問題的某些限制。

          ETag攔截器(Interceptor)

          Spring MVC HTTP 請求處理途徑中包括了在一個controller前插接攔截器(Interceptor)的能力,因而有機會處理請求。這兒是應用我們ETag比較邏輯的理想場所,因此如果我們發現構建一個頁面的數據沒有發生變化,我們可以避免進一步處理。

          這兒的訣竅是你怎么知道構成頁面的數據已經改變了?為了達到本文的目的,我創建了一個簡單的ModifiedObjectTracker,它通過Hibernate事件偵聽器清楚地知道插入、更新和刪除操作。該追蹤器為應用程序的每個view維護一個唯一的號碼,以及一個關于哪些Hibernate實體影響每個view的映射。每當一個POJO被改變了,使用了該實體的view的計數器就加1。我們使用該計數值作為ETag,這樣當客戶端將ETag送回時我們就知道頁面背后的一個或多個對象是否被修改了。

          代碼

          我們就從ModifiedObjectTracker開始吧:

          public interface ModifiedObjectTracker {
          void notifyModified(> String entity);
          }

          夠簡單吧?這個實現還有一點更有趣的。任何時候一個實體改變了,我們就更新每個受其影響的view的計數器:

          public void notifyModified(String entity) {
          // entityViewMap is a map of entity -> list of view names
          List views = getEntityViewMap().get(entity);

          if (views == null) {
          return; // no views are configured for this entity
          }

          synchronized (counts) {
          for (String view : views) {
          Integer count = counts.get(view);
          counts.put(view, ++count);
          }
          }
          }

          一個“改變”就是插入、更新或者刪除。這里給出的是偵聽刪除操作的處理器(配置為Hibernate 3 LocalSessionFactoryBean上的事件偵聽器):

          public class DeleteHandler extends DefaultDeleteEventListener {
          private ModifiedObjectTracker tracker;

          public void onDelete(DeleteEvent event) throws HibernateException {
          getModifiedObjectTracker().notifyModified(event.getEntityName());
          }

          public ModifiedObjectTracker getModifiedObjectTracker() {
          return tracker;
          }
          public void setModifiedObjectTracker(ModifiedObjectTracker tracker) {
          this.tracker = tracker;
          }
          }

          ModifiedObjectTracker通過Spring配置被注入到DeleteHandler中。還有一個SaveOrUpdateHandler來處理新建或更新POJO。

          如果客戶端發送回當前有效的ETag(意味著自上次請求之后我們的內容沒有改變),我們將阻止更多的處理,以實現我們的性能提升。在Spring MVC里,我們可以使用HandlerInterceptorAdaptor并覆蓋preHandle方法:

          public final boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws
          ServletException, IOException {
          String method = request.getMethod();
          if (!"GET".equals(method))
          return true;

          String previousToken = request.getHeader("If-None-Match");
          String token = getTokenFactory().getToken(request);

          // compare previous token with current one
          if ((token != null) && (previousToken != null && previousToken.equals('"' + token + '"'))) {
          response.sendError(HttpServletResponse.SC_NOT_MODIFIED);
          // re-use original last modified timestamp
          response.setHeader("Last-Modified", request.getHeader("If-Modified-Since"))
          return false; // no further processing required
          }

          // set header for the next time the client calls
          if (token != null) {
          response.setHeader("ETag", '"' + token + '"');

          // first time through - set last modified time to now
          Calendar cal = Calendar.getInstance();
          cal.set(Calendar.MILLISECOND, 0);
          Date lastModified = cal.getTime();
          response.setDateHeader("Last-Modified", lastModified.getTime());
          }

          return true;
          }

          我們首先確信我們正在處理GET請求(與PUT一起的ETag可以用來檢測不一致的更新,但其超出了本文的范圍。)。如果該記號與上次我們發送的記號相匹配,我們返回一個“304未修改”響應并“短路”請求處理鏈的其余部分。否則,我們設置ETag響應頭以便為下一次客戶端請求做好準備。

          你需注意到我們將產生記號邏輯抽出到一個接口中,這樣可以插接不同的實現。該接口有一個方法:

          public interface ETagTokenFactory {
          String getToken(HttpServletRequest request);
          }

          為了把代碼清單減至最小,SampleTokenFactory的簡單實現還擔當了ETagTokenFactory的角色。本例中,我們通過簡單返回請求URI的更改計數值來產生記號:

          public String getToken(HttpServletRequest request) {
          String view = request.getRequestURI();
          Integer count = counts.get(view);
          if (count == null) {
          return null;
          }

          return count.toString();
          }

          大功告成!

          會話

          這里,如果什么也沒改變,我們的攔截器將阻止任何搜集數據或展現view的開銷。現在,讓我們看看HTTP頭(借助于LiveHTTPHeaders),看看到底發生了什么。下載文件中包含了配置該攔截器的說明,因此owner.htm“能夠使用ETag”:

          我們發起的第一個請求說明該用戶已經看過了這個頁面:

          ----------------------------------------------------------  
          http://localhost:8080/petclinic/owner.htm?ownerId=10

          GET /petclinic/owner.htm?ownerId=10 HTTP/1.1
          Host: localhost:8080
          User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
          Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
          Accept-Language: en-us,en;q=0.5
          Accept-Encoding: gzip,deflate
          Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
          Keep-Alive: 300
          Connection: keep-alive
          Cookie: JSESSIONID=13D2E0CB63897F4EDB56639E46D2BBD8
          X-lori-time-1: 1182364348062
          If-Modified-Since: Wed, 20 Jun 2007 18:29:03 GMT
          If-None-Match: "-1"

          HTTP/1.x 304 Not Modified
          Server: Apache-Coyote/1.1
          Date: Wed, 20 Jun 2007 18:32:30 GMT

          我們現在應該做點修改,看看ETag是否改變了。我們給這個物主增加一個寵物:

          ----------------------------------------------------------
          http://localhost:8080/petclinic/addPet.htm?ownerId=10

          GET /petclinic/addPet.htm?ownerId=10 HTTP/1.1
          Host: localhost:8080
          User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
          Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
          Accept-Language: en-us,en;q=0.5
          Accept-Encoding: gzip,deflate
          Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
          Keep-Alive: 300
          Connection: keep-alive
          Referer: http://localhost:8080/petclinic/owner.htm?ownerId=10
          Cookie: JSESSIONID=13D2E0CB63897F4EDB56639E46D2BBD8
          X-lori-time-1: 1182364356265

          HTTP/1.x 200 OK
          Server: Apache-Coyote/1.1
          Pragma: No-cache
          Expires: Thu, 01 Jan 1970 00:00:00 GMT
          Cache-Control: no-cache, no-store
          Content-Type: text/html;charset=ISO-8859-1
          Content-Language: en-US
          Content-Length: 2174
          Date: Wed, 20 Jun 2007 18:32:57 GMT
          ----------------------------------------------------------
          http://localhost:8080/petclinic/addPet.htm?ownerId=10

          POST /petclinic/addPet.htm?ownerId=10 HTTP/1.1
          Host: localhost:8080
          User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
          Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
          Accept-Language: en-us,en;q=0.5
          Accept-Encoding: gzip,deflate
          Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
          Keep-Alive: 300
          Connection: keep-alive
          Referer: http://localhost:8080/petclinic/addPet.htm?ownerId=10
          Cookie: JSESSIONID=13D2E0CB63897F4EDB56639E46D2BBD8
          X-lori-time-1: 1182364402968
          Content-Type: application/x-www-form-urlencoded
          Content-Length: 40
          name=Noddy&birthDate=1000-11-11&typeId=5
          HTTP/1.x 302 Moved Temporarily
          Server: Apache-Coyote/1.1
          Pragma: No-cache
          Expires: Thu, 01 Jan 1970 00:00:00 GMT
          Cache-Control: no-cache, no-store
          Location: http://localhost:8080/petclinic/owner.htm?ownerId=10
          Content-Language: en-US
          Content-Length: 0
          Date: Wed, 20 Jun 2007 18:33:23 GMT

          因為對addPet.htm我們沒有配置任何已知ETag,也沒有設置頭信息。現在,我們再一次查看id為10的物主。注意ETag這時是1:

          ----------------------------------------------------------
          http://localhost:8080/petclinic/owner.htm?ownerId=10

          GET /petclinic/owner.htm?ownerId=10 HTTP/1.1
          Host: localhost:8080
          User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
          Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
          Accept-Language: en-us,en;q=0.5
          Accept-Encoding: gzip,deflate
          Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
          Keep-Alive: 300
          Connection: keep-alive
          Referer: http://localhost:8080/petclinic/addPet.htm?ownerId=10
          Cookie: JSESSIONID=13D2E0CB63897F4EDB56639E46D2BBD8
          X-lori-time-1: 1182364403109
          If-Modified-Since: Wed, 20 Jun 2007 18:29:03 GMT
          If-None-Match: "-1"

          HTTP/1.x 200 OK
          Server: Apache-Coyote/1.1
          Etag: "1"
          Last-Modified: Wed, 20 Jun 2007 18:33:36 GMT
          Content-Type: text/html;charset=ISO-8859-1
          Content-Language: en-US
          Content-Length: 4317
          Date: Wed, 20 Jun 2007 18:33:45 GMT

          最后,我們再次查看id為10的物主。這次我們的ETag命中了,我們得到一個“304未修改”響應:

          ----------------------------------------------------------
          http://localhost:8080/petclinic/owner.htm?ownerId=10

          GET /petclinic/owner.htm?ownerId=10 HTTP/1.1
          Host: localhost:8080
          User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
          Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
          Accept-Language: en-us,en;q=0.5
          Accept-Encoding: gzip,deflate
          Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
          Keep-Alive: 300
          Connection: keep-alive
          Cookie: JSESSIONID=13D2E0CB63897F4EDB56639E46D2BBD8
          X-lori-time-1: 1182364493500
          If-Modified-Since: Wed, 20 Jun 2007 18:33:36 GMT
          If-None-Match: "1"

          HTTP/1.x 304 Not Modified
          Server: Apache-Coyote/1.1
          Date: Wed, 20 Jun 2007 18:34:55 GMT

          我們已經利用HTTP緩存節約了帶寬和計算時間!

          細粒度印記(The Fine Print):實踐中,我們可以通過以更細粒度的跟蹤對象變化來獲得更大的功效,例如使用對象id。然而,這種使修改對象關聯到view上的想法高度依賴應用程序的整體數據模型設計。這里的實現(ModifiedObjectTracker)是說明性的,有意為更多的探索提供想法。它并不是旨在生產環境中使用(比如它在簇中使用還不穩定)。一個可選的更深的考慮是使用數據庫觸發器來跟蹤變化,讓攔截器訪問觸發器所寫入的表。

          結論

          我們已經看了兩種使用ETag減少帶寬和計算的方法。我希望本文已為你當下或將來基于Web的項目提供了精神食糧,并正確評價在底層利用ETag響應頭的做法。

          正如牛頓(Isaac Newton)的名言所說:“如果說我看得更遠,那是因為我站在巨人的肩膀上。”REST風格應用的核心是簡單、好的軟件設計、不要重新發明輪子。我相信隨著使用量和知名度的增長,針對基于Web應用的REST風格架構有益于主流應用開發的遷移,我期盼著它在我將來的項目中發揮更大的作用。

          posted on 2010-01-21 18:57 小卓 閱讀(226) 評論(0)  編輯  收藏 所屬分類: 服務器架構


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 织金县| 贵州省| 化州市| 东光县| 五台县| 清原| 定远县| 汽车| 托克托县| 华宁县| 肥乡县| 勃利县| 湛江市| 平泉县| 万年县| 罗山县| 卢氏县| 利川市| 舞阳县| 百色市| 汝州市| 云和县| 宽甸| 剑阁县| 汝南县| 上杭县| 庆云县| 平山县| 志丹县| 延津县| 禄劝| 钦州市| 河西区| 凤凰县| 高平市| 资溪县| 仁化县| 靖边县| 库尔勒市| 朝阳县| 弋阳县|