jQuery 1

目录

 

前言

  随着有些大商家如沃尔玛,PayPal等先导选择Node.js,在过去的几年里,Node.js有了便捷的增长。越来越多的人开首拔取Node并发布modules到NPM,其发展的速度远超此外开销语言。但是对此Node的视角你可能需要有的时间去适应,尤其是这几个刚从任何编程语言转型过来的开发人士。

  在本文中自我将谈一谈Node开发者们最常范的部分荒唐以及哪些来避免这个不当。有关示例的源代码,你能够从github上收获到。

 

1 不使用开发工具

  • 电动重启工具nodemon或supervisor
  • 浏览器内的live
    reload工具(当静态资源或views视图暴发变更时自动reload页面)

  与另外编程语言如PHP或Ruby不同,当你改改了源代码后,Node需要再行启航才能使修改生效。在成立Web应用程序时还有一件事会使你放慢脚步,这就是当修改静态资源时刷新浏览器页面。当然你可以耐心地手动来做这一个工作,然则这里会有一部分更好的解决办法。

1.1 自动重启工具

  我们中的大部分人或者都是如此编写和调节代码的,在编辑器中保留代码,然后在控制台按CTRL+C键截至使用,随后通过向上键找到以前实施过的起步命令,按回车来重新启航应用。可是,通过动用上面这多少个工具得以自动完成应用的重启并简化开发流程:

  这个工具得以监视代码文件的修改并自动重启服务。下边以nodemon为例来说说如何使用这多少个工具。首先通过npm举行全局安装:

npm i nodemon -g

  然后,在极端通过nodemon代替node命令来启动应用:

# node server.js

$ nodemon server.js
14 Nov 21:23:23 - [nodemon] v1.2.1
14 Nov 21:23:23 - [nodemon] to restart at any time, enter `rs`
14 Nov 21:23:23 - [nodemon] watching: *.*
14 Nov 21:23:23 - [nodemon] starting `node server.js`
14 Nov 21:24:14 - [nodemon] restarting due to changes...
14 Nov 21:24:14 - [nodemon] starting `node server.js`

  对nodemon或node-supervisor来说,在享有已有些采纳中,最牛逼的骨子里可以指定忽略的文书或文件夹。

1.2 浏览器自动刷新工具

  除了下边介绍的机动重启工具外,还有另外的工具得以帮助您加速web应用程序的开销。livereload工具允许浏览器在监测到程序变动后自行刷新页面,而不用手动举办刷新。

  其工作的基本原理和方面介绍的一般,只是它监测特定文件夹内的修改然后自行刷新浏览器,而不是重启整个服务。自动刷新需要依靠于在页面中流入脚本或者通过浏览器插件来兑现。

  这里自己不去介绍如何采纳livereload,相反,我将介绍怎么样通过Node来创制一个相似的工具,它将享有下边这多少个意义:

  • 监视文件夹中的文件修改
  • 通过server-sent
    events
    向装有已一连的客户端发送音信,并且
  • 接触一个page reload

  首先大家需要经过NPM来设置项目需要的所有依赖项:

  • express – 创造一个演示web应用程序
  • watch – 监视文件修改
  • sendevent – sever-sent events
    (SSE),或者也得以拔取websockets来兑现
  • uglify-js – 用于压缩客户端JavaScript文件
  • ejs – 视图模板

  接下去自己将开创一个概括的Express server在前端页面中渲染home视图:

var express = require('express');
var app = express();
var ejs = require('ejs');
var path = require('path');

var PORT = process.env.PORT || 1337;

// view engine setup
app.engine('html', ejs.renderFile);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

// serve an empty page that just loads the browserify bundle
app.get('/', function(req, res) {
res.render('home');
});

app.listen(PORT);
console.log('server started on port %s', PORT);

  因为使用的是Express,所以我们得以将浏览器自动刷新工具做成一个Express的中间件。这一个当中件会attach到SSE
endpoint,并会在客户端脚本中创立一个view
helper。中间件function的参数是Express的app,以及需要被监视的公文夹。于是,我们将下边的代码加到server.js中,放到view
setup往日:

var reloadify = require('./lib/reloadify');
reloadify(app, __dirname + '/views');

  现在/views文件夹中的文件被监视。整个中间件看起来像下边这样:

  var sendevent = require('sendevent');
  var watch = require('watch');
  var uglify = require('uglify-js');
  var fs = require('fs');
  var ENV = process.env.NODE_ENV || 'development';

  // create && minify static JS code to be included in the page
  var polyfill = fs.readFileSync(__dirname + '/assets/eventsource-polyfill.js', 'utf8');
  var clientScript = fs.readFileSync(__dirname + '/assets/client-script.js', 'utf8');
  var script = uglify.minify(polyfill + clientScript, { fromString: true }).code;

  function reloadify(app, dir) {
    if (ENV !== 'development') {
      app.locals.watchScript = '';
      return;
    }

    // create a middlware that handles requests to `/eventstream`
    var events = sendevent('/eventstream');

    app.use(events);

    watch.watchTree(dir, function (f, curr, prev) {
      events.broadcast({ msg: 'reload' });
    });

    // assign the script to a local var so it's accessible in the view
    app.locals.watchScript = '<script>' + script + '</script>';
  }

  module.exports = reloadify;

  你也许已经注意到了,即便运行条件没有被设置成’development’,那么那么些中间件什么也不会做。这代表大家不得不在成品环境上将该代码删掉。

  前端JS脚本文件非常简单,它只负责监听SSE的信息并在急需的时候再度加载页面:

  (function() {

    function subscribe(url, callback) {
      var source = new window.EventSource(url);

      source.onmessage = function(e) {
        callback(e.data);
      };

      source.onerror = function(e) {
        if (source.readyState == window.EventSource.CLOSED) return;

        console.log('sse error', e);
      };

      return source.close.bind(source);
    };

    subscribe('/eventstream', function(data) {
      if (data && /reload/.test(data)) {
        window.location.reload();
      }
    });

  }());

  文件eventsourfe-polyfill.js可以从Remy Sharp’s polyfill for
SSE
找到。最终特别关键的某些是将扭转的本子通过下边的方法充裕到前端页面/views/homt.html中:

  ...
  <%- watchScript %>
  ...

  现在,当您每趟对home.html页面做修改时,浏览器都将从服务器重新加载该页面(http://localhost:1337/)。

 

2 阻塞event loop

  由于Node.js是单线程运行的,所有对event
loop的封堵都将使所有程序被打断。这代表如若你有一个上千个客户端访问的web
server,并且程序暴发了event
loop阻塞,那么富有的客户端都将高居等候境况而不可以得到服务器应答。

  这里有一些事例,你也许会在不留心中应用它们而爆发event loop阻塞:

  问题是你会不检点中做了上述的作业,毕竟将一个独具15Mb左右轻重的情节输出并不会时不时发出,对啊?这足以让攻击者发现并最终使你的一切服务器境遇DDOS攻击而夭折掉。

  幸运的是你可以因此监视event
loop的推移来检测非常。大家可以通过有些特定的化解方案例如StrongOps来兑现,或者也可以通过有些开源的modules来贯彻,如blocked

  这一个工具的行事原理是纯粹地跟踪每便interval之间所花费的年华然后告诉。时间差是由此如此的措施来统计的:先记下下interval过程中A点和B点的可靠时间,然后用B点的岁月减去A点的刻钟,再减去interval运行间隔的时间。

  下边的例证充分表达了怎么着来兑现这一点,它是如此做的:

  • 赢得当前光阴和以参数传入的年华变量之间的高精度时间值(high-resolution)
  • 规定在正规处境下interval的event loop的延迟时间
  • 将延迟时间显示成藏粉红色,假设跨越阀值则呈现为黑色
  • 接下来看其实运作的气象,每300毫秒执行一次大的运算

  下边是上述示范的源代码:

  var getHrDiffTime = function(time) {
    // ts = [seconds, nanoseconds]
    var ts = process.hrtime(time);
    // convert seconds to miliseconds and nanoseconds to miliseconds as well
    return (ts[0] * 1000) + (ts[1] / 1000000);
  };

  var outputDelay = function(interval, maxDelay) {
    maxDelay = maxDelay || 100;

    var before = process.hrtime();

    setTimeout(function() {
      var delay = getHrDiffTime(before) - interval;

      if (delay < maxDelay) {
        console.log('delay is %s', chalk.green(delay));
      } else {
        console.log('delay is %s', chalk.red(delay));
      }

      outputDelay(interval, maxDelay);
    }, interval);
  };

  outputDelay(300);

  // heavy stuff happening every 2 seconds here
  setInterval(function compute() {
    var sum = 0;

    for (var i = 0; i <= 999999999; i++) {
      sum += i * 2 - (i + 1);
    }
  }, 2000);

   运行方面的代码需要安装chalk。运行之后你应该会在终端看到如下图所示的结果:

jQuery 2

  前面已经说过,开源modules也运用了一般的主意来促成对应的效果,因而可以放心使用它们:

  通过运用这种技能拓展性能分析,你可以确切地找出代码中的哪部分会促成延迟。

 

3 频繁调用回调函数

  很多时候当您保存文件然后再度起动Node web
app时它就连忙地崩掉了。最有可能出现的缘由就是调用了一遍回调函数,那象征你很可能在率先次调用之后忘记return了。

  大家创设一个例证来再次出现一下这种状态。我将开创一个简练的包含基本注解功用的代理server。要利用它你需要安装request那些依靠包,运行程序然后访问(如http://localhost:1337/?url=http://www.google.com/)。下面是这个例子的源代码:

  var request = require('request');
  var http = require('http');
  var url = require('url');
  var PORT = process.env.PORT || 1337;

  var expression = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
  var isUrl = new RegExp(expression);

  var respond = function(err, params) {
    var res = params.res;
    var body = params.body;
    var proxyUrl = params.proxyUrl;

    res.setHeader('Content-type', 'text/html; charset=utf-8');

    if (err) {
      console.error(err);
      res.end('An error occured. Please make sure the domain exists.');
    } else {
      res.end(body);
    }
  };

  http.createServer(function(req, res) {
    var queryParams = url.parse(req.url, true).query;
    var proxyUrl = queryParams.url;

    if (!proxyUrl || (!isUrl.test(proxyUrl))) {
      res.writeHead(200, { 'Content-Type': 'text/html' });
      res.write("Please provide a correct URL param. For ex: ");
      res.end("<a href='http://localhost:1337/?url=http://www.google.com/'>http://localhost:1337/?url=http://www.google.com/</a>");
    } else {
      // ------------------------
      // Proxying happens here
      // TO BE CONTINUED
      // ------------------------
    }
  }).listen(PORT);

  除代理本身外,下面的代码几乎涵盖了装有需要的局部。再细致看看下边的始末:

request(proxyUrl, function(err, r, body) {
if (err) {
    respond(err, {
    res: res,
    proxyUrl: proxyUrl
    });
}

respond(null, {
    res: res,
    body: body,
    proxyUrl: proxyUrl
});
});

  在回调函数中,我们有错误处理的逻辑,然而在调用respond函数后忘记截止所有运行流程了。这表示一旦大家访问一个不可能host的站点,respond函数将会被调用五遍,我们会在极限收到下边的错误音信:

  Error: Can't set headers after they are sent.
      at ServerResponse.OutgoingMessage.setHeader (http.js:691:11)
      at respond (/Users/alexandruvladutu/www/airpair-2/3-multi-callback/proxy-server.js:18:7)

This can be avoided either by using the `return` statement or by wrapping the 'success' callback in the `else` statement:

  request(.., function(..params) {
    if (err) {
      return respond(err, ..);
    }

    respond(..);
  });

  // OR:

  request(.., function(..params) {
    if (err) {
      respond(err, ..);
    } else {
      respond(..);
    }
  });

 

4 圣诞树结构的回调(回调的苦海)

  有些人连连拿地狱般的回调参数来攻击Node,认为在Node中回调嵌套是不能避免的。但实际并非如此。这里有为数不少解决方法,可以使你的代码看起来特别规整:

  我们来创设一个事例,然后重构它以使用async模块。这么些app是一个简单易行的前端资源分析工具,它完成下边这多少个干活儿:

  • 反省HTML代码中有多少scripts,stylesheets,images的引用
  • 将检查的结果输出到极点
  • 自我批评每一个资源的content-length并将结果输出到终点

  除async模块外,你需要设置下边这个npm包:

  • request – 读取页面数据(body,headers等)
  • cheerio – 后台的jQuery(DOM元素采纳器)
  • once – 确保回调函数只被执行三遍

    var URL = process.env.URL;
    var assert = require(‘assert’);
    var url = require(‘url’);
    var request = require(‘request’);
    var cheerio = require(‘cheerio’);
    var once = require(‘once’);
    var isUrl = new RegExp(/[-a-zA-Z0-9@:%+.~#?&//=]{2,256}.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%+.~#?&//=]*)?/gi);

    assert(isUrl.test(URL), ‘must provide a correct URL env variable’);

    request({ url: URL, gzip: true }, function(err, res, body) {

    if (err) { throw err; }
    
    if (res.statusCode !== 200) {
      return console.error('Bad server response', res.statusCode);
    }
    
    var $ = cheerio.load(body);
    var resources = [];
    
    $('script').each(function(index, el) {
      var src = $(this).attr('src');
      if (src) { resources.push(src); }
    });
    
    // .....
    // similar code for stylesheets and images
    // checkout the github repo for the full version
    
    var counter = resources.length;
    var next = once(function(err, result) {
      if (err) { throw err; }
    
      var size = (result.size / 1024 / 1024).toFixed(2);
    
      console.log('There are ~ %s resources with a size of %s Mb.', result.length, size);
    });
    
    var totalSize = 0;
    
    resources.forEach(function(relative) {
      var resourceUrl = url.resolve(URL, relative);
    
      request({ url: resourceUrl, gzip: true }, function(err, res, body) {
        if (err) { return next(err); }
    
        if (res.statusCode !== 200) {
          return next(new Error(resourceUrl + ' responded with a bad code ' + res.statusCode));
        }
    
        if (res.headers['content-length']) {
          totalSize += parseInt(res.headers['content-length'], 10);
        } else {
          totalSize += Buffer.byteLength(body, 'utf8');
        }
    
        if (!--counter) {
          next(null, {
            length: resources.length,
            size: totalSize
          });
        }
      });
    });
    

    });

  上边的代码看起来还不是特意糟糕,但是你还足以嵌套更深的回调函数。从最底层的代码中你应该能识别出哪些是圣诞树结构了,其代码的缩进看起来像这些样子:

        if (!--counter) {
          next(null, {
            length: resources.length,
            size: totalSize
          });
        }
      });
    });
  });

  要运行方面的代码,在终极输入下边的通令:

  $ URL=https://bbc.co.uk/ node before.js
  # Sample output:
  # There are ~ 24 resources with a size of 0.09 Mb.

  使用async举办局部重构之后,我们的代码看起来像下边这样:

  var async = require('async');

  var rootHtml = '';
  var resources = [];
  var totalSize = 0;

  var handleBadResponse = function(err, url, statusCode, cb) {
    if (!err && (statusCode !== 200)) {
      err = new Error(URL + ' responded with a bad code ' + res.statusCode);
    }

    if (err) {
      cb(err);
      return true;
    }

    return false;
  };

  async.series([
    function getRootHtml(cb) {
      request({ url: URL, gzip: true }, function(err, res, body) {
        if (handleBadResponse(err, URL, res.statusCode, cb)) { return; }

        rootHtml = body;

        cb();
      });
    },
    function aggregateResources(cb) {
      var $ = cheerio.load(rootHtml);

      $('script').each(function(index, el) {
        var src = $(this).attr('src');
        if (src) { resources.push(src); }
      });

      // similar code for stylesheets && images; check the full source for more

      setImmediate(cb);
    },
    function calculateSize(cb) {
      async.each(resources, function(relativeUrl, next) {
        var resourceUrl = url.resolve(URL, relativeUrl);

        request({ url: resourceUrl, gzip: true }, function(err, res, body) {
          if (handleBadResponse(err, resourceUrl, res.statusCode, cb)) { return; }

          if (res.headers['content-length']) {
            totalSize += parseInt(res.headers['content-length'], 10);
          } else {
            totalSize += Buffer.byteLength(body, 'utf8');
          }

          next();
        });
      }, cb);
    }
  ], function(err) {
    if (err) { throw err; }

    var size = (totalSize / 1024 / 1024).toFixed(2);
    console.log('There are ~ %s resources with a size of %s Mb.', resources.length, size);
  });

 

5 成立一个大而全体的应用程序

  一些初入Node的开发人员往往会将其余语言的有些考虑情势融入进来,从而写出不同风格的代码。例如将持有的代码写到一个文本里,而不是将它们分散到自己的模块中再宣布到NPM等。

  就拿我们从前的事例来说,大家将具有的内容都置身一个文书里,这使得代码很难被测试和读懂。可是别担心,大家会重构代码使其看起来不错并且进一步模块化。当然,这也将实惠地防止回调地狱。

  假若我们将URL validator,response
handler,request效率块以及resource处理程序抽出来放到它们自己的模块中,我们的主程序看起来会像下面这样:

  // ...
  var handleBadResponse = require('./lib/bad-response-handler');
  var isValidUrl = require('./lib/url-validator');
  var extractResources = require('./lib/resource-extractor');
  var request = require('./lib/requester');

  // ...
  async.series([
    function getRootHtml(cb) {
      request(URL, function(err, data) {
        if (err) { return cb(err); }

        rootHtml = data.body;

        cb(null, 123);
      });
    },
    function aggregateResources(cb) {
      resources = extractResources(rootHtml);

      setImmediate(cb);
    },
    function calculateSize(cb) {
      async.each(resources, function(relativeUrl, next) {
        var resourceUrl = url.resolve(URL, relativeUrl);

        request(resourceUrl, function(err, data) {
          if (err) { return next(err); }

          if (data.res.headers['content-length']) {
            totalSize += parseInt(data.res.headers['content-length'], 10);
          } else {
            totalSize += Buffer.byteLength(data.body, 'utf8');
          }

          next();
        });
      }, cb);
    }
  ], function(err) {
    if (err) { throw err; }

    var size = (totalSize / 1024 / 1024).toFixed(2);
    console.log('\nThere are ~ %s resources with a size of %s Mb.', resources.length, size);
  });

  而request效率块则看起来像这么:

  var handleBadResponse = require('./bad-response-handler');
  var request = require('request');

  module.exports = function getSiteData(url, callback) {
    request({
      url: url,
      gzip: true,
      // lying a bit
      headers: {
        'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36'
      }
    }, function(err, res, body) {
      if (handleBadResponse(err, url, res && res.statusCode, callback)) { return; }

      callback(null, {
        body: body,
        res: res
      });
    });
  };

  完整的例子能够从github
repo
中找到。

  现在就概括了,代码更加易读,我们也可以先导为大家的app添加测试用例了。当然,大家还足以连续重构代码将取得response长度的效果独立分离出来放到自己的模块中。

  好的某些是Node鼓励大家编写小的模块并发布到NPM。在NPM中您可以找到各样各个的模块小到如在interval间生成随机数的模块。你应有着力使您的Node应用程序模块化,功用越简单越好。

 

6 不够日志

  很多Node教程都会展现示例代码,并在内部不同的地方含有console.log,那给许多Node开发人士留下了一个回想,即console.log就是在Node代码中贯彻日志效用。

  在编排Node
apps代码时您应有采纳部分比console.log更好的工具来兑现日志功用,因为这多少个工具:

  • 对一部分大而复杂的目标不需要动用util.inspect
  • 内置连串化器,如对errors,request和response对象等开展系列化
  • 匡助多种不同的日志源
  • 可机关包含hostname,process id,application name等
  • 支撑不同级其余日志(如debug,info,error,fatal等)
  • 一些高档效能如日志文件自动滚动等

  那多少个意义都足以免费应用,你可以在生育环境中利用日志模块如bunyan。如果将模块安装到全局,你还足以获取一个有益于的CLI开发工具。

  让我们来看看它的示范程序以询问怎么选择它:

  var http = require('http');
  var bunyan = require('bunyan');

  var log = bunyan.createLogger({
    name: 'myserver',
    serializers: {
      req: bunyan.stdSerializers.req,
      res: bunyan.stdSerializers.res
    }
  });

  var server = http.createServer(function (req, res) {
    log.info({ req: req }, 'start request');  // <-- this is the guy we're testing
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello World\n');
    log.info({ res: res }, 'done response');  // <-- this is the guy we're testing
  });

  server.listen(1337, '127.0.0.1', function() {
    log.info('server listening');

    var options = {
      port: 1337,
      hostname: '127.0.0.1',
      path: '/path?q=1#anchor',
      headers: {
        'X-Hi': 'Mom'
      }
    };

    var req = http.request(options, function(res) {
      res.resume();
      res.on('end', function() {
        process.exit();
      })
    });

    req.write('hi from the client');
    req.end();
  });

  在终点运行,你碰面到下边的出口内容:

  $ node server.js
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"msg":"server listening","time":"2014-11-16T11:30:13.263Z","v":0}
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"req":{"method":"GET","url":"/path?q=1#anchor","headers":{"x-hi":"Mom","host":"127.0.0.1:1337","connection":"keep-alive"},"remoteAddress":"127.0.0.1","remotePort":61580},"msg":"start request","time":"2014-11-16T11:30:13.271Z","v":0}
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"res":{"statusCode":200,"header":"HTTP/1.1 200 OK\r\nContent-Type: text/plain\r\nDate: Sun, 16 Nov 2014 11:30:13 GMT\r\nConnection: keep-alive\r\nTransfer-Encoding: chunked\r\n\r\n"},"msg":"done response","time":"2014-11-16T11:30:13.273Z","v":0}

  开发进程中可将它看做一个CLI工具来行使:

jQuery 3

  正如您所观看的,bunyan给你提供了关于当前经过的不在少数实用的音讯,这一个消息在产品环境中都相当重要。另外一个有益的功用是您可以将日志输出到一个或三个流中。

 

7 没有测试

  没有提供测试的次序不是一个全部的次第。已经有诸如此类多的工具得以扶持我们来拓展测试,实在没有任何理由不编写测试用例了:

  作为NPM模块的约定,你需要在package.json中指定测试命令,如:

  {
    "name": "express",
    ...
    "scripts": {
      "test": "mocha --require test/support/env --reporter spec --bail --check-leaks test/ test/acceptance/",
      ...
   }

  然后经过npm test来启动测试,你根本不用去管什么来调用测试框架。

  此外一个您需要考虑的是在付给代码从前必须使拥有的测试用例都通过,这只需要经过一行简单的授命就可以形成:

npm i pre-commit --save-dev

  当然你也足以强制执行某个特定的code
coverage级其它测试而拒绝提交这些不信守该级其余代码。pre-commit模块作为一个pre-commit的hook程序可以自行地运作npm
test。

  假诺您不确定什么来编排测试,可以通过有些在线教程或者在Github中看看这一个流行的Node项目它们是什么样做的:

 

8 不行使静态分析工具

  为了不在生产条件中才意识问题,最好的主意是在开发过程中使用静态分析工具登时就意识这一个题材。

  例如,ESLint工具得以帮助咱们解决许多题材:

  • 兴许的失实。如:禁止在标准化表明式中接纳赋值语句,禁止拔取debugger
  • 强制最佳体验。如:禁止讲明四个相同名称的变量,禁止采纳arguments.calle
  • 找出地下的安全问题,如选拔eval()或不安全的正则表达式
  • 侦测出可能存在的特性问题
  • 实践同样的品格

  有关ESLint更多的完全规则可以查阅官方文档。假诺想在实际上项目中使用ESLint,你还应当看看它的配备文档

  有关咋样配置ESLint,这里可以找到一些例子。

  另外,那里还有局部一般的工具如JSLintJSHint

  即使您想解析AST(抽象源树或空洞语法树)并协调创设静态分析工具,可以参见EsprimaAcorn

 

9 尚无监视与特性分析

  假若Node应用程序没有监视与性能分析,你将对其运作状态不详。一些很重大的东西如event
loop延迟,CPU负载,系统负荷或内存使用量等你将不能获知。

  这里有一部分一定的服务可以匡助到你,可以从New
Relic
,
StrongLoop以及Concurix,
AppDynamics等摸底到。

  你也足以因而开源模块如look或结成不同的NPM包和谐来兑现。不管采纳哪一种方法,你都要保证始终都能监测到你的次序的运作情状,否则你恐怕会在半夜收取各个奇异的对讲机报告你程序又冒出这样或这样的题材。

 

10 使用console.log来debug

  一旦程序现身谬误,你可以简单地在代码中插入console.log来进展debug。问题化解未来剔除console.log调试语句再持续。

  问题是其他的开发人士(甚至是您自己)可能还会碰到相同的问题而再另行上边的操作。那就是为什么调试模块如debug留存的原故。你可以在代码中运用debug
function来替代console.log语句,而且在调试完事后并非删除它们。

  其他开发人员假设遭受题目亟待调剂代码,只需要经过DEBUG环境变量来启动程序即可。

  那多少个小的module具有以下优点:

  • 唯有你通过DEBUG环境变量启动程序,否则它不会在支配台出口任何内容。
  • 您可以有选拔地对代码中的一有些举行调节(甚至可以通过通配符来指定内容)。
  • 顶点的出口内容有各类不同的颜色,看起来很舒畅。

  来看望官方给出的言传身教:

  // app.js
  var debug = require('debug')('http')
    , http = require('http')
    , name = 'My App';

  // fake app

  debug('booting %s', name);

  http.createServer(function(req, res){
    debug(req.method + ' ' + req.url);
    res.end('hello\n');
  }).listen(3000, function(){
    debug('listening');
  });

  // fake worker of some kind

  require('./worker');

<!--code lang=javascript linenums=true-->

  // worker.js
  var debug = require('debug')('worker');

  setInterval(function(){
    debug('doing some work');
  }, 1000);

  假设以node
app.js来启动程序,不会输出任何内容。可是假使开行的时候带着DEBUG标记,那么:

jQuery 4

  除了在应用程序中应用它们,你仍是可以够在部分小的modules中利用它并公布到NPM。与此外一些错综复杂的logger不同,它只负责debugging而且还很好使。

 

原稿地址:https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make

相关文章

网站地图xml地图