探索nodemon的实现(源码)

前言

nodemon是我常用的node源码监控工具。

背景

之前探索了node-watch,chokidar,看过它们源码后,大概了解了实现的思路。

现在遇到了另外一个问题,每次更改文件,均需重启一下,服务才能生效。这使我们的开发效率降低了很多。上面两个插件并没有解决这个问题。nodemon的出现,可以随时监听文件的变更,自动重启服务,我们开发时只需关注代码即可,不再需要手动重启服务。

那我们探索一下nodemon是如何做到自动重启服务器的。

项目结构

|____index.js  // 开发文件入口
|____README.md 
|____yarn-lock.json
|____package.json

安装nodemon

yarn add nodemon -D

启动项目

首先需要在packge.json中配置好使用nodemon来启动项目,而不是node

{
  "scripts": {
    "start": "nodemon index.js",  // 这里改为用nodemon启动
  }
}

配置好之后,在终端执行命令

yarn start

体验

可以变更一下index.js文件下的内容,随便写点东西,然后保存,会看到终端显示项目restart了。

探寻源码

根据nodemon index.js这个命令我们可以知道,肯定是执行了nodemon下面的bin指令,根据这个方向,找到nodemon/pacage.json下的bin对象

"bin": {
  "nodemon": "./bin/nodemon.js"
},

按照上面的地址找到./bin/nodemon.js

#!/usr/bin/env node

const nodemon = require('../lib/');

nodemon(options); // 启动项目

nodemon是由lib/index.js封装好的一个方法。

第一步

第一步会重置所有的配置信息,重置监听的文件队列,杀掉子进程。

function nodemon(settings) {
  // 重置
  nodemon.reset();
  // ...........
}

reset函数如下:

bus.on('reset', function (done) {
  debug('reset');
  nodemon.removeAllListeners(); // 清空所有监听
  monitor.run.kill(true, function () {
    utils.reset(); // 重置工具函数
    config.reset(); // 重置配置信息
    config.run = false; // 关闭运行状态,下次重启通过这个状态是否要启动
    if (done) {
      done();
    }
  });
});

utils工具函数有如下配置信息:

const utils = {
  semver: semver,
  satisfies: test => semver.satisfies(process.versions.node, test),
  version: {/* 版本控制 */},
  clone: require('./clone'), // 克隆
  merge: require('./merge'),  // 合并
  bus: require('./bus'), // 订阅
  isWindows: process.platform === 'win32',
  isMac: process.platform === 'darwin',
  isLinux: process.platform === 'linux',
  isRequired: (function () {/* 判断是否可以正常执行 */})(),
  home: process.env.HOME || process.env.HOMEPATH,
  quiet: function () {/* 重置log函数 */},
  reset: function () {/* 重置log函数 */},
  regexpToText: function (t) {/* 匹配特殊字符 */ },
  stringify: function (exec, args) {/* 转成字符串 */},
};

config作为全局对象,配置信息如下,主要作用是在多个文件中交互,记录监听和过滤的文件、目录信息。

const config = {
  run: false,
  system: {
    cwd: process.cwd(),
  },
  required: false,
  dirs: [],
  timeout: 1000,
  options: {},
}

function reset() {
  config.dirs = []; // 监听的目录
  config.options = { ignore: [], watch: [], monitor: [] };  // 监听选项,包括过滤文件,监听文件,已经处于观察者的文件
  config.lastStarted = 0;
  config.loaded = [];
}

接着会将nodemon命令转换成node命令,项目的运行是node实现的,一开始执行的nodemon index.js会转换成node index.js

// allow the cli string as the argument to nodemon, and allow for
// `node nodemon -V app.js` or just `-V app.js` 
if (typeof settings === 'string') {
    settings = settings.trim();
    if (settings.indexOf('node') !== 0) {
      if (settings.indexOf('nodemon') !== 0) {
        settings = 'nodemon ' + settings;
      }
      settings = 'node ' + settings; // 执行的命令,如 node index.js
    }
    settings = cli.parse(settings);
  }

第二步

读取根目录下所有可以监听的文件,填充config配置项的信息,监听用户按键操作,比如ctrl+d、ctrl+l等等

监听键盘事件

config.load(settings, function (config) {
   if (config.options.stdin && config.options.restartable) {
            // 如果点击ctrl+l,清除控制台打印的信息
        if (str === config.options.restartable) {
          bus.emit('restart');
        } else if (data.charCodeAt(0) === 12) { // ctrl+l
          console.clear();
        }
    } else if (config.options.stdin) {
      if (chr === 3) {
          if (ctrlC) {
            process.exit(0);
          }

          ctrlC = true;
          return;
        } else if (buffer === '.exit' || chr === 4) { // ctrl+d
          process.exit();
        } else if (chr === 13 || chr === 10) { // enter / carriage return
          buffer = '';
        } else if (chr === 12) { // ctrl+l
          console.clear();
          buffer = '';
        }
    }
}

启动

config.load(settings, function (config) {
   config.run = true;
  
   monitor.run(config.options); // 把配置信息传入monitor,启动监听
}

config填充之后全部的信息如下,可以了解一下:

{
  run: false,
  system: { cwd: '/Users/zhoujianpiao/Desktop/node/rollup' },
  required: false,
  dirs: [],
  timeout: 1000,
  options: { ignore: [], watch: [], monitor: [] },
  load: [Function (anonymous)],
  reset: [Function: reset],
  lastStarted: 0,
  loaded: []
}

第三步

这一步是负责监听文件的工作。

只要运行run,就会立刻启动restart。

  restart = run.bind(this, options);
  run.restart = restart;

接下来会把启动的信号通过发布订阅的形式进行通知

bus.emit('start');

实际的文件监听工作是由watch.js来做的。所有的监听文件都会存到watchers队列中,如发现没有可以监听的文件,则不会执行watch。

function watch() {
  // 判断是否有监听的文件
  if (watchers.length) {
    debug('early exit on watch, still watching (%s)', watchers.length);
    return;
  }
}

文件监听使用的chokidar工具,它是一个高性能、稳定的文件监听工具,会根据不同的运行环境使用不同的监听系统。nodemon最核心的监听源码就是这里了。

 const promise = new Promise(function (resolve) {
    // 配置信息
    var watchOptions = {
      ignorePermissionErrors: true,
      ignored: ignored, // 忽略的文件
      persistent: true, // 进程就绪之后保持进程继续运行
      usePolling: config.options.legacyWatch || false,
      interval: config.options.pollingInterval,
    };

    // 创建一个监听器
    var watcher = chokidar.watch(
      dirs,
      Object.assign({}, watchOptions, config.options.watchOptions || {})
    );

    watcher.ready = false;

    var total = 0;

    watcher.on('change', filterAndRestart); // 文件变更会通知回调函数
    watcher.on('add', function (file) {
      if (watcher.ready) {
        return filterAndRestart(file);
      }

      watchedFiles.push(file);
      bus.emit('watching', file);
    });
    watcher.on('ready', function () {
      watchedFiles = Array.from(new Set(watchedFiles)); // ensure no dupes
      total = watchedFiles.length;
      watcher.ready = true; // 准备完毕
      resolve(total);
      debugRoot('watch is complete');
    });

    watchers.push(watcher);
  });

filterAndRestart负责过滤文件,查询匹配文件,得到那些是真正能够监听的文件。

function filterAndRestart(files) {
    // 匹配到可以监听的文件
    if (matched.result.length) {
      if (config.options.delay > 0) {
        utils.log.detail('delaying restart for ' + config.options.delay + 'ms');
        if (debouncedBus === undefined) {
          debouncedBus = debounce(restartBus, config.options.delay);
        }
        debouncedBus(matched); // 如果设置了延迟执行,则调用防抖函数
      } else {
        return restartBus(matched); // 否则,直接重启
      }
    }
  }
}

restartBus负责重启服务器

// 重启服务器
function restartBus(matched) {
  utils.log.status('restarting due to changes...'); // 一般在控制台都可以看到这句打印提示
  matched.result.map(file => {
    utils.log.detail(path.relative(process.cwd(), file));
  });

  bus.emit('restart', matched.result); // 发布重启通知
}

第四步

更新文件,会执行run.kill()函数,向子进程发送一个SIGINT标记,把子进程杀掉,然后子进程使用exit事件处理程序重新启动。

bus.on('restart', function () {
  // run.kill will send a SIGINT to the child process, which will cause it
  // to terminate, which in turn uses the 'exit' event handler to restart
  run.kill();
});

小结

上面四部的就是nodemon整个流程中的核心部分了。觉得最有意思的是使用了发布订阅模式。

总结

  • nodemon运行,首先会先重置所有的配置信息,比如之前监听过的子进程队列要清空,订阅的事件也要清空,重置所有工具方法,把nodemon index.js终端命令转换成node index.js
  • 做好基本工作后,扫描整个根目录下所有可以执行的文件,处理用户参数信息,比如ignoring要过滤哪些文件,全部填充到config.options中。
  • 接来下开始启动服务器,创建子进程,使用chokidar工具,启动文件监听事件。
  • 当文件有变更,watcher实例会执行filterAndRestart回调函数。假如重启服务是需要延迟重启,则会使用防抖函数,根据用户传参的时间进行重启,否则立即执行bus.emit('restart', matched.result)发布重启通知。
  • 收到重启消息,会执行run.kill()函数,向子进程发送一个SIGINT标记,把子进程杀掉,然后子进程使用exit事件处理程序重新启动。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容