SDWebImage支援URL不變時更新圖片內容

lishuanglong521發表於2018-12-05
Web

有一些開發者可能會遇到一種情況，當伺服器端的圖片改變而url沒改變的時候，客戶端的圖片不會更新成最新的圖片。這是為什麼呢，往下看 -->

方法一：

1、

我們來簡單探討一下SDWebImage的實現原理： SDWebImageManager內部利用SDWebImageDownloader來下載，它的快取策略有兩種，一種是用NSURL快取，一種是自己定義了SDImageCache（內部使用NSCache）進行快取。 如果設定了SDWebImageRefreshCached標示位，那麼SDWebImageDownloader則利用NSURL進行快取，而且使用的policy為NSURLRequestUseProtocolCachePolicy。 那麼如果設定了SDWebImageRefreshCached標識位，圖片是否更新則要取決於你伺服器的cache-control設定了，如果沒有cache-control的話，客戶端則然享受不了自動更新的功能。 所以說僅僅設定SDWebImageRefreshCached往往是不能解決問題的。。。。 那麼如何檢視伺服器是否支援cache-control呢？ 其實簡單，只需要要終端輸入

curl [url] --head

SDWebImage支援URL不變時更新圖片內容
這就可以了。

2、

基於這一現象，我們來進行分析。 客戶端第一次請求圖片時，Charles抓包得知response header裡有一個名為Last-Modified、資料是時間戳的鍵值對。

客戶端第二次及以後請求圖片時，通過Charles抓包發現，伺服器返回304 not modified狀態，說明伺服器在接收客戶端請求後通過某種判斷邏輯得出結論：“客戶端已快取的圖片與伺服器圖片都是最新的”，那麼伺服器如何判斷的呢？

通過查閱HTTP協議相關的資料得知，與伺服器返回的Last-Modified相對應的request header裡可以加一個名為If-Modified-Since的key，value即是伺服器回傳的服務端圖片最後被修改的時間，第一次圖片請求時If-Modified-Since的值為空，第二次及以後的客戶端請求會把伺服器回傳的Last-Modified值作為If-Modified-Since的值傳給伺服器，這樣伺服器每次接收到圖片請求時就將If-Modified-Since與Last-Modified進行比較，如果客戶端圖片已陳舊那麼返回狀態碼200、Last-Modified、圖片內容，客戶端儲存Last-Modified和圖片；如果客戶端圖片是最新的那麼返回304 Not Modified、不會返回Last-Modified、圖片內容。

關於伺服器的比較邏輯，需要強調一下。

經查資料得知，Apache比較時是看If-Modified-Since之後有沒有更新圖片，Nginx比較時是看If-Modified-Since與Last-Modified是否相等，所以對於Apache伺服器環境客戶端每次都要嚴格的儲存伺服器回傳的Last-Modified以便下次請求時作為If-Modified-Since的值傳給伺服器，對於Nginx伺服器環境客戶端不必儲存伺服器回傳的Last-Modified，每次請求時只需將圖片自身的fileModificationDate作為If-Modified-Since的值傳伺服器即可。在實際開發中，如果遇到明明傳了If-Modified-Since、伺服器圖片也變更了、但是客戶端卻請求不到最新的圖片的情況時，那麼就需要檢視一下伺服器對這兩個時間戳的比較邏輯。

那麼，現在我們可以回到SDWebImage上來了。通過檢視SDWebImageDownloader的原始碼得知，它開放了一個headersFilter的block，意在讓開發者可以對所有圖片請求追加一些額外的header，這正合我意。那麼我們就可以在諸如AppDelegate didFinishLaunching的地方追加如下程式碼：

SDWebImageDownloader *imgDownloader = SDWebImageManager.sharedManager.imageDownloader; imgDownloader.headersFilter = ^NSDictionary *(NSURL *url, NSDictionary *headers) {

NSFileManager *fm = [[NSFileManager alloc] init];
NSString *imgKey = [SDWebImageManager.sharedManager cacheKeyForURL:url];
NSString *imgPath = [SDWebImageManager.sharedManager.imageCache defaultCachePathForKey:imgKey];
NSDictionary *fileAttr = [fm attributesOfItemAtPath:imgPath error:nil];

NSMutableDictionary *mutableHeaders = [headers mutableCopy];

NSDate *lastModifiedDate = nil;

if (fileAttr.count > 0) {
    if (fileAttr.count > 0) {
        lastModifiedDate = (NSDate *)fileAttr[NSFileModificationDate];
    }

}
NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
formatter.timeZone = [NSTimeZone timeZoneWithAbbreviation:@"GMT"];
formatter.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"en_US"];
formatter.dateFormat = @"EEE, dd MMM yyyy HH:mm:ss z";

NSString *lastModifiedStr = [formatter stringFromDate:lastModifiedDate];
lastModifiedStr = lastModifiedStr.length > 0 ? lastModifiedStr : @"";
[mutableHeaders setValue:lastModifiedStr forKey:@"If-Modified-Since"];

return mutableHeaders;
複製程式碼

};

然後，載入圖片的地方以前怎麼寫還是怎麼寫，但別忘了Option是SDWebImageRefreshCached

NSURL *imgURL = [NSURL URLWithString:@"handy-img-storage.b0.upaiyun.com/3.jpg"];

[[self imageView] sd_setImageWithURL:imgURL placeholderImage:nil options:SDWebImageRefreshCached];

方法二：

在SDWebImageManager.m大約167行的

if (cachedImage && options & SDWebImageRefreshCached) {

     // force progressive off if image already cached but forced refreshing
    downloaderOptions &= ~SDWebImageDownloaderProgressiveDownload;
     // ignore image read from NSURLCache if image if cached but force refreshing
     downloaderOptions |= SDWebImageDownloaderIgnoreCachedResponse;
複製程式碼

}

中間加上：

// remove SDWebImageDownloaderUseNSURLCache flag downloaderOptions &= ~SDWebImageDownloaderUseNSURLCache;

變成：

if (cachedImage && options & SDWebImageRefreshCached) {

            // force progressive off if image already cached but forced refreshing
            downloaderOptions &= ~SDWebImageDownloaderProgressiveDownload;
            // remove SDWebImageDownloaderUseNSURLCache flag
            downloaderOptions &= ~SDWebImageDownloaderUseNSURLCache;
            // ignore image read from NSURLCache if image if cached but force refreshing
            downloaderOptions |= SDWebImageDownloaderIgnoreCachedResponse;
        }複製程式碼

相關文章