「節日換膚」通用技術方案__iOS端實現

 「節日換膚」通用技術方案__iOS端實現

 

一、問題的提出

　　不知道大家有沒有發現, 元旦期間, 很多APP界面里的圖標都換成了具有節日氣氛的樣式, 而在過了元旦節之后, 這些圖標又悄無聲息的變回了本來的面貌. 

　　這些具有短暫生命周期、而又必須在固定時間節點上展示的節日皮膚, 究竟是如何實現的呢? 顯然, 通過發布新版本可以實現, 但是對於iOS端的應用來說, 面對蘋果APP Store不確定的審核時間, 開發人員往往需要提前1~2周完成並提交審核, 而且每到一個節日都要重新發布一個新版本, 難免略顯被動. 

• 熱更新是一個不錯的選擇! 

　　試想一下, 如果把需要更換皮膚主題的所有界面元素抽象出一個完整的業務模型(Model), 再由一個專門的Skin Manager去負責每次啟動時的驗證和異步加載, 那么以后所有的節日皮膚的發布, 我們都只需要后台改一個參數, 就能夠使用戶的APP即時的更新到最新的皮膚主題了. 

　　當然, 如果你的應用是采用的React Native的話, 換膚就更簡單了, 不過呢, 本文是對iOS原生應用提出一套普遍通用的解決方案, 僅僅是拋磚引玉, 如果你有更優化的方案, 歡迎留言提出, 大家共同探討學習.

　　好的, 那我們接下來 試着玩一玩~

 

二、業務流程

　　做一件事之前, 要先理清思路, 做什么、怎么做, 既然方向已經確定下來了, 那么需要梳理一下頭緒, 我整理出這么一個流程圖:

 

三、開敲代碼

　　其實流程圖中的每一個方塊就是我們需要的方法, 一一實現即可.

　　請求接口, 判斷, 有三種情況, 刪除操作用NSFilemanafer, 下載用AFnetworking, 解壓縮用到SSZipArchive這都沒什么好說的, 直接上代碼就可以了. 

　　這其中有一點值得討論, 就是最后加載皮膚的方式, 我一開始設想的用KVO, 后來發現NotificationCenter會方便一些, 但是還是會很復雜, 如果要修改的皮膚很多, 涉及到的文件也很多, 難道每一個都要都要去注冊一個通知中心和一個接收方法嗎? 還是有點復雜, 喬幫主說做事要化繁為簡, 於是閉上眼睛冥想了一陣, 突然想到了一個方法, 把imageNamed:和colorWith兩個基本方法進行替換, 在manager里寫兩個對應的新方法, 替換掉需要換膚的圖片或者文字顏色部分的系統方法, 新方法里面加一個判斷, 如果資源文件路徑存在, 則顯示資源路徑下的圖片或者解析到的顏色值; 如果資源路徑不存在, 則讀取默認bundle下的資源. 這樣一來, 只需要在原來龐大的工程文件中找到需要修改皮膚的地方, 把他們原來的方法替換就OK了, 節省了很多事, 而且減少暴露在manager外面的邏輯代碼, 對於維護也很重要! 好的, 直接上代碼:

      下面的這個是單例里的兩個方法, 專門用來替換需要換膚的組件的原先的方法, 看起來很簡潔:

- (UIImage*)imageNamedAutoMatch:(NSString *)name
{
    return [UIImage imageWithContentsOfFile:_currentPath];
}
- (UIColor*)colorAutoMatch:(NSString *)itemName
{
    return [UIColor colorWithHexString:_colorArray[itemName]];
}

　　頭文件是這樣的, 常用路徑寫到宏里:

#define Name_Resource @"HolidaySkin"
#define DocumentPath [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject] stringByAppendingPathComponent:Name_Resource]
#define Bundle_Path [[NSBundle mainBundle]resourcePath]
#define kRequestData /*相應的入參*/

@interface DRSkinManager : NSObject

@property (nonatomic, copy)NSString *skinStatus;
@property (nonatomic, copy)NSString *downloadUrl;
@property (nonatomic, copy)NSString *currentPath;
@property (nonatomic, strong)NSArray *colorArray;

+ (instancetype)shareManager;

- (UIImage*)imageNamedAutoMatch:(NSString *)name;
- (UIColor*)colorAutoMatch:(NSString *)itemName;

• 流程圖第一步的接口請求, 沒什么好說的:

- (void)checkSkinStatue
{
    [DRNetwork requestWithDictionary:kRequestData response:^(BOOL success, id result) {
        if (success) {
            NSString *skinStaus = result[@"skinStaus"];
            NSString *downloadUrl = result[@"downloadUrl"];
            [self judgeResourceStatus:skinStatus url:downloadUrl];
            }
        }
    }];
}

• 比對狀態值, 三種情況, 三個分支:

 

- (void)judgeResourceStatus:(NSString *)skinStaus url:(NSString *)downloadUrl
{
    if (skinStaus.length == 0) {
        return;
    }
    
    NSString *localSkinStatus = [[NSUserDefaults standardUserDefaults]valueForKey:Name_Resource];

    if ([skinStaus isEqualToString:localSkinStatus]) {
        self.skinStatus = skinStaus;
        self.currentPath = [DocumentPath stringByAppendingPathComponent:skinStaus];
        return;
    }
    
    if (![skinStaus isEqualToString:localSkinStatus]) {
        if (localSkinStatus.length != 0) {
            NSFileManager *fileManager = [NSFileManager defaultManager];
            [fileManager removeItemAtPath:[DocumentPath stringByAppendingPathComponent:localSkinStatus] error:nil];
        }
        self.downloadUrl = downloadUrl;
        [self downLoadAndUnzip];
    }
}

 

下載和解壓

• • - (void)downLoadAndUnzip
    {
        NSString *zipPath = [DocumentPath stringByAppendingString:@"/dontcare.zip"];
        AFHTTPRequestOperation *operation = [[AFHTTPRequestOperation alloc]initWithRequest:_downloadUrl];
        [operation setOutputStream:[NSOutputStream outputStreamToFileAtPath:zipPath append:NO]];
        [operation setCompletionBlockWithSuccess:^(AFHTTPRequestOperation *operation, id responseObject) {
            
            //下載成功后: 解壓縮
            [SSZipArchive unzipFileAtPath:zipPath toDestination:[DocumentPath stringByAppendingPathComponent:_skinStatus] progressHandler:^(NSString *entry, unz_file_info zipInfo, long entryNumber, long total){
            
        }completionHandler:^(NSString *path, BOOL succeeded, NSError *error){
            //解壓完成, 至此皮膚資源已經完整緩存到沙盒, 刪除zip包, 保存skinStatus
            NSFileManager *fileManager = NSFileManager *fileManager = [NSFileManager defaultManager];
            [fileManager removeItemAtPath:zipPath error:nil];
            [[NSUserDefaults standardUserDefaults]setValue:_skinStatus forKey:Name_Resource];
        　　}    
        } failure:^(AFHTTPRequestOperation *operation, NSError *error) {
            success(operation,error);
            
            NSLog(@"下載失敗");
            
        }];
        
        [operation start];
    }