Node.js+socket.io简单在线聊天

最新推荐文章于 2024-08-08 08:17:07 发布

绿苹果果

最新推荐文章于 2024-08-08 08:17:07 发布

阅读量1.3k

点赞数

分类专栏： Node.js 杂货文章标签： Node.js

本文链接：https://blog.csdn.net/dongshaoshuai/article/details/38980487

版权

Node.js 杂货专栏收录该内容

32 篇文章 0 订阅

订阅专栏

本文档介绍如何使用Node.js的Socket.IO库建立一个简单的在线聊天应用。通过在`e:/nodejs/easychat`创建`app.js`和`index.html`文件，设置好相关代码后，可以在多个浏览器实例或局域网中通过`http://ip:3000`进行实时通信。

摘要由CSDN通过智能技术生成

Node.js:0.10.31
在e:/nodejs/新建文件夹easychat
在easychat/下新建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(3000, function() {
    console.log('Listening at: http://localhost:3000');
});
  
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://cdn.staticfile.org/jquery/2.1.1-rc2/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>You have 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: <ul id="incomingChatMessages"></ul>
<br />
<input type="text" id="outgoingChatMessage">
</body>
</html>

安装socket.io