设为首页 收藏本站
查看: 1037|回复: 0

[经验分享] node.js入门

[复制链接]

尚未签到

发表于 2017-2-24 08:47:57 | 显示全部楼层 |阅读模式
  这篇文章将通过开发一个简单聊天室的方式,介绍node.js的net模块。
  一、第一版,只向客户端发送信息
  
  我们先实现一个简单的版本,代码如下:



var net=require('net');
var chatServer=net.createServer();
chatServer.on('connection',function(client){
client.write('hi!\n');
client.write('bye!\n');
client.end();
})
chatServer.listen(9001);
  代码讲解:  
  1.因为我们要使用tcp作为通信协议,node中tcp相关的类是放在net模块中的,所以我需要先引用net。
  2.通过net.createServer()就为我们创建了一个tcp的服务器。
  3.接下来使用on方法实现对connection事件的监听。每当有一个新的客户端连接到我们的tcp服务器的时候,都会触发connection对应的方法,向客户端输出‘hi!bye!’的文字    信息。然后通过client.end()关闭连接。
  4.程序最后通过chatServer.listen(9001);实现对9001端口的监听。
  运行服务器:
  使用webstorm的调试工具运行我们的服务器。
DSC0000.png

  运行客户端:
  打开window的命令行工具,
DSC0001.png

  输入如下命令:



telnet 127.0.0.1 9001
DSC0002.png

  回车,输出如下结果:
DSC0003.png

  note:
  自己实践上面例子的时候遇到了点小状况,我最开始使用的是9000端口,运行的时候程序要报错。



events.js:66
throw arguments[1]; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at errnoException (net.js:769:11)
at Server._listen2 (net.js:909:14)
at listen (net.js:936:10)
at Server.listen (net.js:985:5)
at Object.<anonymous> (D:\workspace\nodejs\chatroom\chatServer.js:8:12)
at Module._compile (module.js:449:26)
at Object.Module._extensions..js (module.js:467:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.runMain (module.js:492:10)

  ‘EADDRINUSE’这个东西让人很费解,完全不知道是什么意思,借助有道的翻译,意思是:错误地址使用。‘EADDRINUSE’应该是‘error address in use’的缩写。后来借助google找到了合理的解释,说是你监听的端口已经被使用了,我把端口换成了9001,一切正常。
  当遇到异常的时候,不知道node有没有提供帮助的地方,光靠他提供的异常信息提示真是解决不了问题啊。或许最好的帮手就是google。
  二、第二版,可以接收客户端信息:
  代码如下:



var net=require('net');
var chatServer=net.createServer();
var clientList=[];
chatServer.on('connection',function(client){
client.write('hi!\n');
clientList.push(client);
client.on('data',function(data){
for(var i= 0,len=clientList.length;i<len;i++){
if(client!=clientList){
clientList.write(data);
}
}
console.log(data);
});
})
chatServer.listen(9001);
  这版比第一版有两个变化点,一是增加了client的on方法,二是移出了client.end();方法。client的on方法添加data事件,这样客户端每次发送数据,服务器都可以接收到。移出client.end()是因为,如果我们关闭了链接,客户端再发送新数据,服务器就无法接收了。
  我们来看运行结果,其中‘hello’是客户端输入信息,红线框住的是服务器端接收到的信息,注意它是二进制数据,需要我们做相应的处理才能转换成字符串,后面的课程会有介绍。
DSC0004.png

  三、第三版,实现客户端和服务器端的相互通信:
  在这里我们需要把每个客户端都放到一个数组变量里面缓存起来,遍历数组,使用client.write()方法对每个客户端做出反应。我们来看代码:



var net=require('net');
var chatServer=net.createServer();
var clientList=[];
chatServer.on('connection',function(client){
client.write('hi!\n');
clientList.push(client);
client.on('data',function(data){
for(var i= 0,len=clientList.length;i<len;i++){
if(client!=clientList){
clientList.write(data);
}
}
console.log(data);
});
})
chatServer.listen(9001);
  我们创建了clientList来存放客户端连接,每当有新连接进来的时候,把client对象保存入数组。接下来,判断遍历到的client是否是当前client,不是的话输出data。
  note:
  这里大家注意‘len=clientList.length’部分,我们把clientList.length存入变量len,这样可以提高程序的性能。在 i<len 运算的时候,就不用每次再去取clientList.length了,大家可以在自己的程序里也使用这样的方式,特别是数组比较大的时候。
  我们来看运行结果,要打开多个telnet链接,红色为输入信息,蓝色为输出信息:
DSC0005.png

  四、最终版
  我们增加了客户断开链接的 end 事件,在end事件和发送消息的过程中会清理不存在的客户端。



var net=require('net');
var chatServer=net.createServer();
var clientList=[];
chatServer.on('connection',function(client){
client.name=client.remoteAddress+':'+client.remotePort;
broadcast('hi,'+ client.name +' join!\r\n',client);
client.write('hi,'+ client.name +'!\r\n');
clientList.push(client);
client.on('data',function(data){
broadcast(client.name+' say:'+ data+'\r\n',client);
});
client.on('end',function(){
broadcast('hi,'+ client.name +' quit!\r\n',client);
clientList.splice(clientList.indexOf(client),1);
});
})
function broadcast(message, client) {
var cleanup=[];
for(var i= 0,len=clientList.length;i<len;i++){
if(client!==clientList){
if(clientList.writable){
clientList.write(message);
}else{
cleanup.push(clientList);
clientList.destroy();
}
}
}
for(var i= 0,len=cleanup.length;i<len;i++){
clientList.splice(clientList.indexOf(cleanup),1);
}
}
chatServer.listen(9001);
  运行效果:
  三个客户链接到服务器,其中一个向另外两个说‘hello’。
DSC0006.png

  其中一个客户关闭链接:
DSC0007.png

  今天的例子到此为止。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346389-1-1.html 上篇帖子: 使用Express3.0实现中的微博系统 下篇帖子: 畅享云时代:开发者必备的8个最佳云端集成开发环境
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表