Node.js 和Socket.IO 实现chat

使用 Node.js 和 Socket.IO 构建简单的聊天程序

在node.js根目录下创建文件夹chat，里面添加两个文件：app.js和index.html

app.js

var fs = require('fs'), http = require('http'), socketio = require('socket.io');var server = http.createServer(function(req, res) {res.writeHead(200, { 'Content-type': 'text/html'});res.end(fs.readFileSync(__dirname + '/index.html'));
}).listen(8080, function() {console.log('Listening at: http://localhost:8080');
});socketio.listen(server).on('connection', function (socket) {socket.on('message', function (msg) {console.log('Message Received: ', msg);socket.broadcast.emit('message', msg);});
});

index.html

<html>
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script src="/socket.io/socket.io.js"></script><script>$(function(){var iosocket = io.connect();iosocket.on('connect', function () {$('#incomingChatMessages').append($('<li>Connected</li>'));iosocket.on('message', function(message) {$('#incomingChatMessages').append($('<li></li>').text(message));});iosocket.on('disconnect', function() {$('#incomingChatMessages').append('<li>Disconnected</li>');});});$('#outgoingChatMessage').keypress(function(event) {if(event.which == 13) {event.preventDefault();iosocket.send($('#outgoingChatMessage').val());$('#incomingChatMessages').append($('<li></li>').text($('#outgoingChatMessage').val()));$('#outgoingChatMessage').val('');}});});</script>
</head>
<body>
Incoming Chat:&nbsp;<ul id="incomingChatMessages"></ul>
<br />
<input type="text" id="outgoingChatMessage">
</body>
</html>

开启服务器

node chat/app.js

打开两个chrome输入localhost:8080

这样就看到效果了，然后你可以慢慢研究代码了，再然后就洗洗睡吧。

使用的源码来自http://www.open-open.com/lib/view/open1337216216557.html

转载于:https://www.cnblogs.com/wancy86/archive/2013/04/28/socket-io_chat.html

Node.js 和Socket.IO 实现chat相关推荐

TWaver HTML5 + Node.js + express + socket.io + redis（六）
接上一篇TWaver HTML5 + Node.js + express + socket.io + redis(五), 这一篇将讲解如何用模版生成html页面, 如何验证用户登录, 您将了解到: 1 ...
TWaver HTML5 + Node.js + express + socket.io + redis（五）
接上一回TWaver HTML5 + Node.js + express + socket.io + redis(四), 这一篇您将了解到 1. 如何保存更改后的拓扑数据 (包括新增的, 修改的, 删 ...
node.js 之 socket.io
2019独角兽企业重金招聘Python工程师标准>>> 1 Install Node.js on Ubuntu sudo apt-get install python-softwar ...
Node.js + Web Socket 打造即时聊天程序嗨聊（上）
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
[前端] Node.js + Web Socket 打造即时聊天程序嗨聊
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
使用node.js和Socket创建实时通讯聊天室。
长连接:客户端向服务器段发请求建立链接,一旦建立成功,客户端就可以向服务器发送数据,服务器接受并处理,返回相应后连接不断开. 优点:实时通讯, 短连接:客户端向服务器发送建立连接,一旦建立成功,客户端 ...
js ftpclient linux server,Node.JS用Socket实现FTP Server服务器和Client客户端
通信过程 FTP协议其实就是主机和服务通过Socket进行固定格式的通信过程,当某客户端连接到FTP 服务器后,客户端发送指令: [参数] 服务会按以下格式返回: [参数或说明] 例如以下是FileZ ...
node.js异步式IO与事件式编程
Node.js最大的特性就是异步式I/O与事件紧密结合的编程模式.这种模式与传统的同步式IO线性的编程思路有很大的不同,因为控制流很大程度上要靠事件和回调函数来组织,一个逻辑要拆分为若干个单元格. 内 ...
Node.js + Web Socket 打造即时聊天程序嗨聊(1)
2019独角兽企业重金招聘Python工程师标准>>> 本文将使用Node.js加web socket协议打造一个网页即时聊天程序,取名为HiChat,中文翻过来就是'嗨聊',听中文 ...

Node.js 和Socket.IO 实现chat

Node.js 和Socket.IO 实现chat相关推荐

最新文章

热门文章