2

前言

学习NodeJs也有一段时间了,踩过许多坑,在这里打算记录一下自己觉得有用的点,以备以后所需。

代码调试

一般我们调试Js项目都是通过Alert()(前端)或者 Console.log()(后端),这总是显得不够灵活。即使是NodeJs内置的debugger也不够友好。这里推荐一款调试工具Node Inspector。这个工具结合Chrome就能达到Eclipse的debug模式的强大效果。

首先 npm install -g node-inspector 全局安装
然后 node-inspector 启动工具
编写一段测试代码 server.js :

var http = require("http");
debugger;
function onRequest(request, response) {
  response.writeHead(200, {"Content-Type": "text/plain"});
  debugger;
  response.write("Hello World");
  debugger;
  response.end("end of hello world");
}

http.createServer(onRequest).listen(8888);

另开控制台窗口 node --debug-brk server.js
在chrome中打开http://127.0.0.1:8080/debug?port=5858就可以看到程序在断点处暂停,我们就可以在chrome控制台访问程序断点前的变量了,还可以查看调用栈,也可以单步执行等等。

另外如果你喜欢IDE的话不妨用webstorm,这是目前号称JavaScript最友好的IDE了,当然少不了代码调试功能。

文件变化后重启服务?

每当我们修改代码源文件的时候,都要关掉进程重启,这是相当麻烦的事,辛运的是已经有些工具来帮我们监听文件,并在文件变化之时自动重启服务。
比如node-dev,安装:npm install -g node-dev 然后 node-dev server.js。这样修改文件时服务就会自动重启了。如图:(对了,这个GIF录制工具叫做 GIFcam,很好用的)

图片描述

如果使用的是express4.X 就使用node-dev bin/www,如果是express3.X 就使用node-dev app.js

那么部署到服务器上怎么办?,这里强推pm2。

npm install -g pm2

然后

pm2 bin/www --name 'express' --watch

这样就可以稳定运行了,监听文件变化了。
当然不要忘了设置为生产环境,所以这样

pm2 start bin/www  --env production 

甚至,可以直接写一个start.json文件,把你想要的配置都写进去,

 {
    "apps" : [{
      "name"        : "express",
      "script"      : "bin/www",
      "log_date_format"  : "YYYY-MM-DD HH:mm:SS",
      "env": {
          "NODE_ENV": "production"
      },
      "watch"      :  true
    }]
  }

然后执行如下命令即可

pm2 start start.json

最后设为开机启动

 pm2 startup

还有一种解决方案就是screen + node-dev,用node-dev 来监听文件变化,用screen来使得服务后台一直运行。

异步编程

异步的一大难点就是原来顺序执行的思路不通了,比如对于一个登录请求过来,你得先在数据库查看有没有这个用户,其次再获得他的权限,然后检查模板文件,最后渲染页面给他。用PHP写的话,我们只需要顺着写就行了,因为所写顺序即是所执行的顺序,没什么问题。但是Node由于是异步的,这一步所依赖的由上一步产生的数据可能还没来得及产生,就会出错,所以我们为了保证程序运行,通常会使用嵌套

query(sql1,function(error, results){  
    if (error) next();
    query(sql2,function(error, results){  
        if (error) next();
        check(file,function(error, results){  
            if (error) next();
            render(results);
        });
    });
    
});

这只是一个个例,如果更复杂的逻辑按照这种思想就会产生深层次的嵌套,显然不是我们想看到的。这个时候就是event模块派上用场的时候了


var events = require( 'events' );

query(sql1,function(error, results){  
    if (error) next(); 
    emiter.emit('user',results);//触发信号,传递数据                
});

emiter.on('user',function (user) {//绑定监听器
    query(sql2,function(error, results){  
        if (error) next(); 
        emiter.emit('authority',results);//触发信号,传递数据            
    });
});

emiter.on('authority',function (authority) {//绑定监听器
    check(file,function(error, results){  
        if (error) next();
        render(results);
    });    
});

这样子整个流程就清晰许多了。

用Nginx来提供静态资源

Nginx一直以其高性能著称,我们设计一个应用的时候,最好就是让nginx来提供静态资源,让node只负责处理数据以及逻辑上的动态资源,这样能降低node负载,提高效率。

apt-get install nginx
service nginx start

修改配置

vim /etc/nginx/sites-enabled/default

server {
    listen 80 default_server;
   
    location / {
            proxy_pass http://localhost:3000;

    }
    location /public/ {
            root /var/www/public/ ;#亲测不能放在root文件夹下面,即使修改权限777也会被拒绝访问
    }
}

重启

service nginx restart  

需要注意的是,如果你有获取客户端ip的需求的话要这样配置

location / {
        proxy_pass   http://localhost:3000;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
}

然后node代码:

function getClientIp(req) {
        return req.headers['x-forwarded-for'] ||
        req.connection.remoteAddress ||
        req.socket.remoteAddress ||
        req.connection.socket.remoteAddress;
}

var ip = getClientIp(req);

如果不按照上面的配置,这段代码得到的结果始终是127.0.0.1。

欢迎访问我的主页http://mageek.cn


MageekChiu
4.4k 声望1.7k 粉丝

T