JSPatch中Playground的實(shí)現(xiàn)

JSPatch中有個(gè)小工具瓶殃,PlaygroundTool射赛,編輯js文件后,可以實(shí)時(shí)在模擬器中看到修改后的結(jié)果论衍,所改即所見(jiàn)恒水。懷著對(duì)此種效果的實(shí)現(xiàn)方式極大的好奇,去看了下它的源碼饲齐。以下是盜圖效果钉凌。

Screenshot.gif

原理分析

其實(shí),原理挺簡(jiǎn)單的捂人。監(jiān)聽(tīng)js文件的變化御雕,然后重新加載js文件即可矢沿。那么,如何監(jiān)聽(tīng)文件的變化呢酸纲?噠噠噠捣鲸,主角來(lái)了,就是它闽坡,kqueue栽惶,唔,好像沒(méi)聽(tīng)過(guò)疾嗅,??外厂。于是乎,搜索了一番代承。

kqueue

kqueue是FreeBSD上的一種的多路復(fù)用機(jī)制汁蝶,所以也能在OSX/iOS中使用。它是針對(duì)傳統(tǒng)的select處理大量的文件描述符性能較低效而開(kāi)發(fā)出來(lái)的论悴。同時(shí)也能檢測(cè)更多類(lèi)型事件掖棉,如文件修改,文件刪除膀估,子進(jìn)程操作等幔亥。

kevent

kqueue模型中最主要的函數(shù)是kevent。

int kevent(int kq, 
    const struct kevent *changelist, 
    int nchanges, 
    struct kevent *eventlist, 
    int nevents, 
    const struct timespec *timeout);
  • kq:kqueue返回的描述符察纯。
  • changelist:kevent結(jié)構(gòu)體數(shù)組紫谷,用于注冊(cè)或修改事件。
  • nchanges:changeList長(zhǎng)度捐寥。
  • eventlist:返回有事件發(fā)生的kevent數(shù)組笤昨。
  • nevents:eventlist的最大長(zhǎng)度。
  • timeout: 超時(shí)時(shí)間握恳。

還有個(gè)重要的結(jié)構(gòu)kevent瞒窒。

struct kevent {
  uintptr_t       ident;
  short           filter;
  u_short         flags;
  u_int           fflags;
  intptr_t        data;
  void            *udata;
};
  • ident::事件id,一般為文件描述符乡洼。
  • filter:內(nèi)核用于ident的過(guò)濾器崇裁。
  • flags:告訴內(nèi)核對(duì)該事件完成哪些操作和處理哪些必要的標(biāo)志。
  • fflags:內(nèi)核使用的特定于過(guò)濾器的標(biāo)志束昵。
  • data:用于保存任何特定于過(guò)濾器的數(shù)據(jù)拔稳。
  • udata:并不由kqueue使用,kqueue會(huì)把將它原封不動(dòng)的透?jìng)鳌?/li>
filter

kqueue過(guò)濾器filter
EVFILT_READ:用于檢測(cè)數(shù)據(jù)什么時(shí)候可讀锹雏。
EVFILT_WRITE:檢測(cè)數(shù)據(jù)什么時(shí)候可寫(xiě)巴比。
EVFILT_VNODE:檢測(cè)文件系統(tǒng)上一個(gè)文件的改動(dòng)。然后將fflags設(shè)置成所關(guān)心的事件,如NOTE_DELETE(文件被刪除)轻绞,NOTE_WRITE(文件被修改)采记,NOTE_ATTRIB(文件屬性被修改)等等。(這里使用的就是這個(gè)filter)政勃。

flags

kqueue的標(biāo)志位flags
EV_ADD:向kqueue添加事件
EV_DELETE:刪除事件
EV_ENABLE:激活事件
EV_CLEAR:一旦從kqueue中獲取到該事件唧龄,就將事件狀態(tài)復(fù)位,否則會(huì)一直觸發(fā)奸远。

這樣我們就可以通過(guò)kqueue來(lái)監(jiān)聽(tīng)文件變化了既棺。

源碼分析

這里只分析playground的源碼實(shí)現(xiàn)部分。

1.首先懒叛,傳入文件路徑丸冕,生成fd。要知道文件路徑芍瑞,獲取工程路徑晨仑,是在info.plist中褐墅,添加了projectPath拆檬。這樣projectPath/js,就是js文件夾路徑妥凳。

  • info.plist中添加配置項(xiàng)
<key>projectPath</key>
<string>$(SRCROOT)/$(TARGET_NAME)</string>
  • 獲取projectPath
 NSString *rootPath = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"projectPath"];;
  • 生成fd
int dirFD = open([_filePath fileSystemRepresentation], O_EVTONLY);
if (dirFD < 0) return;

2.創(chuàng)建kqueue竟贯,kevent,添加到kqueue中逝钥。eventToAdd.flags的EV_CLEAR要添加屑那,否則callback會(huì)一直調(diào)用

    // Create a new kernel event queue
    int kq = kqueue();
    if (kq < 0)
    {
        close(dirFD);
        return;
    }

    // Set up a kevent to monitor
    struct kevent eventToAdd;     // Register an (ident, filter) pair with the kqueue
    eventToAdd.ident  = dirFD;     // The object to watch (the directory FD)
    eventToAdd.filter = EVFILT_VNODE;   // Watch for certain events on the VNODE spec'd by ident
    eventToAdd.flags  = EV_ADD | EV_CLEAR;  // Add a resetting kevent
    eventToAdd.fflags = NOTE_WRITE;    // The events to watch for on the VNODE spec'd by ident (writes)
    eventToAdd.data   = 0;      // No filter-specific data
    eventToAdd.udata  = NULL;     // No user data

    // Add a kevent to monitor
    if (kevent(kq, &eventToAdd, 1, NULL, 0, NULL)) {
        close(kq);
        close(dirFD);
        return;
    }

3.創(chuàng)建CFFileDescriptor艘款,設(shè)置回調(diào)函數(shù)KQCallback持际。在文件變化時(shí),在此回調(diào)中處理哗咆。注意蜘欲,這里將self(watchdog對(duì)象)傳到context中。為了在收到回調(diào)時(shí)晌柬,取出實(shí)例姥份,對(duì)比FileDescriptor是否一致。

 // Wrap a CFFileDescriptor around a native FD
    CFFileDescriptorContext context = {0, (__bridge void *)(self), NULL, NULL, NULL};
    _kqRef = CFFileDescriptorCreate(NULL,  // Use the default allocator
                                    kq,   // Wrap the kqueue
                                    true,  // Close the CFFileDescriptor if kq is invalidated
                                    KQCallback, // Fxn to call on activity
                                    &context); // Supply a context to set the callback's "info" argument
    if (_kqRef == NULL) {
        close(kq);
        close(dirFD);
        return;
    }

4.創(chuàng)建runloop source年碘,并添加到當(dāng)前runloop中澈歉。注意最后一句CFFileDescriptorEnableCallBacks很重要,否則會(huì)收不到回調(diào)屿衅。

 CFRunLoopSourceRef rls = CFFileDescriptorCreateRunLoopSource(NULL, _kqRef, 0);
    if (rls == NULL) {
        CFRelease(_kqRef); _kqRef = NULL;
        close(kq);
        close(dirFD);
        return;
    }
    CFRunLoopAddSource(CFRunLoopGetCurrent(), rls, kCFRunLoopDefaultMode);
    CFRelease(rls);
    
    // Store the directory FD for later closing
    _dirFD = dirFD;
    
    // Enable a one-shot (the only kind) callback
    CFFileDescriptorEnableCallBacks(_kqRef, kCFFileDescriptorReadCallBack);

5.回調(diào)函數(shù)埃难,在判斷是所監(jiān)聽(tīng)的文件描述符。info是CFFileDescriptor創(chuàng)建時(shí),傳入的當(dāng)前SGDirWatchdog的實(shí)例凯砍,它保存了kqRef箱硕。

static void KQCallback(CFFileDescriptorRef kqRef, CFOptionFlags callBackTypes, void *info) {
    // Pick up the object passed in the "info" member of the CFFileDescriptorContext passed to CFFileDescriptorCreate
    SGDirWatchdog* obj = (__bridge SGDirWatchdog*) info;
    if ([obj isKindOfClass:[SLDetector class]]  && // If we can call back to the proper sort of object ...
        (kqRef == obj.kqRef)        && // and the FD that issued the CB is the expected one ...
        (callBackTypes == kCFFileDescriptorReadCallBack) ) // and we're processing the proper sort of CB ...
    {
        [obj kqueueFired];          // Invoke the instance's CB handler
    }
}

6.更新操作,通過(guò)kevent獲取當(dāng)前事件做判斷悟衩。CFFileDescriptorEnableCallBacks剧罩,這句同樣很重要,否則不會(huì)再次觸發(fā)座泳。

- (void)kqueueFired {
   // Pull the native FD around which the CFFileDescriptor was wrapped
    int kq = CFFileDescriptorGetNativeDescriptor(_kqRef);
    if (kq < 0) return;
 
   // If we pull a single available event out of the queue, assume the directory was updated
    struct kevent event;
    struct timespec timeout = {0, 0};
    if (kevent(kq, NULL, 0, &event, 1, &timeout) == 1 && _update) {
        _update();
    }    
 
   // (Re-)Enable a one-shot (the only kind) callback
    CFFileDescriptorEnableCallBacks(_kqRef, kCFFileDescriptorReadCallBack);
}

經(jīng)過(guò)上述6步惠昔,就基本實(shí)現(xiàn)了所見(jiàn)即所得的功能。

但是我發(fā)現(xiàn)有點(diǎn)問(wèn)題挑势,不能直接監(jiān)聽(tīng)某個(gè)文件镇防,只能監(jiān)聽(tīng)到文件夾,該文件夾下的所有改動(dòng)都會(huì)觸發(fā)callback潮饱。

在源碼中来氧,JPPlayground.m中。代碼有去遍歷香拉,監(jiān)聽(tīng)文件夾下的文件啦扬,發(fā)現(xiàn)刪除這段代碼也可以。前提是需要監(jiān)聽(tīng)文件夾凫碌。

for (NSString *aPath in contentOfFolder) {
        NSString * fullPath = [scriptRootPath stringByAppendingPathComponent:aPath];
        BOOL isDir;
        if ([[NSFileManager defaultManager] fileExistsAtPath:scriptRootPath isDirectory:&isDir]) {
            [self watchFolder:fullPath mainScriptPath:mainScriptPath];
        }
    }

最后扑毡,問(wèn)題是,如何監(jiān)聽(tīng)一個(gè)文件盛险?

參考:
OSX/iOS中多路I/O復(fù)用總結(jié)
freebsd高級(jí)I/O,kevent的資料很詳細(xì)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末瞄摊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子苦掘,更是在濱河造成了極大的恐慌换帜,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,013評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鹤啡,死亡現(xiàn)場(chǎng)離奇詭異惯驼,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)揉忘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)跳座,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人泣矛,你說(shuō)我怎么就攤上這事疲眷。” “怎么了您朽?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,370評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵狂丝,是天一觀的道長(zhǎng)换淆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)几颜,這世上最難降的妖魔是什么倍试? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,168評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮蛋哭,結(jié)果婚禮上县习,老公的妹妹穿的比我還像新娘。我一直安慰自己谆趾,他們只是感情好躁愿,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,153評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著沪蓬,像睡著了一般彤钟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上跷叉,一...
    開(kāi)封第一講書(shū)人閱讀 48,954評(píng)論 1 283
  • 那天逸雹,我揣著相機(jī)與錄音,去河邊找鬼云挟。 笑死梆砸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的植锉。 我是一名探鬼主播辫樱,決...
    沈念sama閱讀 38,271評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼峭拘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼俊庇!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起鸡挠,我...
    開(kāi)封第一講書(shū)人閱讀 36,916評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辉饱,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后拣展,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體彭沼,經(jīng)...
    沈念sama閱讀 43,382評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,877評(píng)論 2 323
  • 正文 我和宋清朗相戀三年备埃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了姓惑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,989評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡按脚,死狀恐怖于毙,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辅搬,我是刑警寧澤唯沮,帶...
    沈念sama閱讀 33,624評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響介蛉,放射性物質(zhì)發(fā)生泄漏萌庆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,209評(píng)論 3 307
  • 文/蒙蒙 一币旧、第九天 我趴在偏房一處隱蔽的房頂上張望践险。 院中可真熱鬧,春花似錦吹菱、人聲如沸捏境。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,199評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)垫言。三九已至,卻和暖如春倾剿,著一層夾襖步出監(jiān)牢的瞬間筷频,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,418評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工前痘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凛捏,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,401評(píng)論 2 352
  • 正文 我出身青樓芹缔,卻偏偏與公主長(zhǎng)得像坯癣,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子最欠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,700評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 名稱(chēng) libev - 一個(gè) C 編寫(xiě)的功能全面的高性能事件循環(huán)示罗。 概要 示例程序 關(guān)于 libev Libev 是...
    hanpfei閱讀 15,167評(píng)論 0 5
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)芝硬,斷路器蚜点,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 46,748評(píng)論 6 342
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,498評(píng)論 25 707
  • ?追根究底?Libevent內(nèi)部實(shí)現(xiàn)原理初探 Libevent確實(shí)方便了開(kāi)發(fā)人員,對(duì)于定時(shí)器拌阴、信號(hào)處理绍绘、關(guān)心的文件...
    meng_philip123閱讀 4,565評(píng)論 0 4