NodeJs项目中的一些要点记录

前言

学习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

推荐阅读更多精彩内容