声明:教程来自《Node即学即用》。源代码案例均出自此书。博文仅为个人学习笔记。

第一步:创建一个聊天server。

首先,我们先来写一个Server:

var net = require('net')

var chatServer = net.createServer()

chatServer.on('connection',function(client){
client.write('connection~~~\n')
client.end()
}) chatServer.listen(2333) console.log('Server')

能够使用telnet命令訪问server:

第二步:监听全部的连接请求

server源代码:

var net = require('net')

var chatServer = net.createServer()

chatServer.on('connection',function(client){
client.write('Hello~~\n')
client.on('data',function(data){
console.log(data);
})
}) chatServer.listen(2333) console.log('Server')

这里加入了一个事件监听器client.on(),每当client发送data的时候这个函数都会被调用。

所以如今不论发送什么数据,server都会显示出来:

可是这里有个问题:返回的内容均为乱码,由于JS不能非常好的处理二进制数据。所以Node添加了一个buffer库来帮助server。

打印的字符实际上是16进制的字节数据,能够保持二进制的格式,由于TCP和Telnet都能处理它们。

第三步:客户端之间的通信:

var net = require('net')

var chatServer = net.createServer()		//server
var clientList = [] //客户端数组 chatServer.on('connection',function(client){
client.write('Hello~Client~\n')
clientList.push(client)
client.on('data',function(data){
for (var i = 0; i < clientList.length; i++) {
clientList[i].write(data)
};
})
}) chatServer.listen(2333) console.log('Server')

这个就是一个最简单的聊天server了,能够打开多个终端,输入telnet localhost 2333訪问server。

下一步。改进消息发送和显示的方式,让页面更友善一些。

我们把IP和端口号拼接作为username,这样能够看出来是谁发了消息。

同一时候我们还须要加上异常的处理。由于在前面的程序中。假设有些客户端退出并没有在server的clientlist中移除。

改善后的完整版本号例如以下:

/*
* A chat online server
*/ var net = require('net') // server
var chatServer = net.createServer() // clients
var clientList = [] chatServer.on('connection',function(client){
/*
//name = ip + port
client.name = client.remoteAddress + ":" + client.remotePort
*/
client.name = "No." + client.remotePort
client.write('Hello~ ' + client.name + "\n") //add the client to list
clientList.push(client) //push clients to arraylist //when get data
client.on('data',function(data){
broadcast(data,client)
}) //when data end
client.on('end',function(){
clientList.splice(clientList.indexOf(client),1)
}) //when get error
client.on('error',function(e){
console.log(e)
})
}) //broadcast the message to the client
function broadcast(message,client){
//the clients to delete
var cleanup = [] //check clients in clientlist
for (var i = 0; i < clientList.length; i++) {
if(client != clientList[i]){
if (clientList[i].writable) {
//write message if writable
clientList[i].write(client.name + " says " + message)
}else{
//add to cleanup list and destroy if not writable
cleanup.push(clientList[i])
clientList[i].destroy()
}
}
} //remove the clients in clientlist according to the cleanup list
for (var i = 0; i < cleanup.length; i++) {
clientList.splice(clientList.indexOf(cleanup[i]),1)
};
} //listen to 2333 port
chatServer.listen(2333) //log the
console.log('Server is running')

[NodeJS]使用Node.js写一个简单的在线聊天室的更多相关文章

  1. 用node.js写一个简单爬虫,并将数据导出为 excel 文件

    引子 最近折腾node,最开始像无头苍蝇一样到处找资料,然而多数没什么卵用,都在瞎比比.在一阵瞎搞后,我来分享一下初步学习node的三个过程: 1 撸一遍NODE入门,对其有个基本的了解: 2 撸一遍 ...

  2. 分享:计算机图形学期末作业!!利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

    这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...

  3. 使用Servlet和JSP实现一个简单的Web聊天室系统

    1 问题描述                                                利用Java EE相关技术实现一个简单的Web聊天室系统,具体要求如下. (1)编写一个登录 ...

  4. 基于PHP实现一个简单的在线聊天功能(轮询ajax )

    基于PHP实现一个简单的在线聊天功能(轮询ajax ) 一.总结 1.用的轮询ajax 二.基于PHP实现一个简单的在线聊天功能 一直很想试着做一做这个有意思的功能,感觉复杂的不是数据交互和表结构,麻 ...

  5. 基于Server-Sent Event的简单聊天室 Web 2.0时代,即时通信已经成为必不可少的网站功能,那实现Web即时通信的机制有哪些呢?在这门项目课中我们将一一介绍。最后我们将会实现一个基于Server-Sent Event和Flask简单的在线聊天室。

    基于Server-Sent Event的简单聊天室 Web 2.0时代,即时通信已经成为必不可少的网站功能,那实现Web即时通信的机制有哪些呢?在这门项目课中我们将一一介绍.最后我们将会实现一个基于S ...

  6. 使用 Node.js 写一个代码生成器

    背景 第一次接触代码生成器用的是动软代码生成器,数据库设计好之后,一键生成后端 curd代码.之后也用过 CodeSmith , T4.目前市面上也有很多优秀的代码生成器,而且大部分都提供可视化界面操 ...

  7. JS写一个简单日历

    JS写一个日历,配合jQuery操作DOM <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...

  8. 基于Node.js+socket.IO创建的Web聊天室

    这段时间进了一个新的项目组,项目是用Appcan来做一个跨平台的移动运维系统,其中前台和后台之间本来是打算用WebSocket来实现的,但写好了示例后发现android不支持WebSocket,大为受 ...

  9. 使用WebSocket实现简单的在线聊天室

    前言:我自已在网上找好了好多 WebSocket 制作 在线聊天室的案列,发现大佬们写得太高深了 我这种新手看不懂,所以就自已尝试写了一个在线简易聊天室 (我只用了js 可以用jq ) 话不多说,直接 ...

随机推荐

  1. python请求服务器图片并下载到本地磁盘

    >>> import os >>> os.getcwd() 'C:\\Python33' >>> os.chdir('E:\\python\\mm ...

  2. B - String Task

    Problem description Petya started to attend programming lessons. On the first lesson his task was to ...

  3. php实时推送系统消息给客户端

    在我们实际开发过程中,有些数据需要实时获取:比如erp系统中的订单信息,OA系统中的流程审批等都需要及时处理,这时我们就不能再使用http协议了:当然也可以使用轮询的机制.但是轮询请求中有大半是无用, ...

  4. 前端面试基础-html篇之H5新特性

    h5的新特性(目前个人所了解)如下 语义化标签 表单新特性 视频(video)和音频(audio) canvas画布 svg绘图 地理定位 为鼠标提供的拖放API webworker (重点)Stor ...

  5. nodejs脚手架express-generator

    1.安装生成器 npm install express-generator -g 2. 创建名称为APP的应用: express my-project 3.安装依赖包 cd my-project np ...

  6. uva11205 The broken pedometer 子集生成

    PS:此题我在网上找了很久的题解,发现前面好多题解的都是没有指导意义的.后来终于找到了一篇好的题解. 好的题解的链接:http://blog.csdn.net/u013382399/article/d ...

  7. 【VB】时间戳转日期

    DateAdd("s", TimeStamp / 1000, "1970-01-01 00:00:00")

  8. 时序分析:KMP算法用于序列识别

    考研基础资料之一的<算法与数据结构>,KMP算法作为串匹配的基本算法,为必考题目之一.对于算法入门来说,也是复杂度稍高的一个基本算法. KMP算法作为串匹配的非暴力算法,是为了减少回溯而设 ...

  9. The as! Operator

    Prior to Swift 1.2, the as operator could be used to carry out two different kinds of conversion, de ...

  10. Jenkins 定时 构建项目

    选择要定时构建的 项目-->配置-->构建触发器 触发项目: Poll SCM:定时检查源码变更(根据SCM软件的版本号),如果有更新就checkout最新code下来,然后执行构建动作. ...