码迷,mamicode.com
首页 > Web开发 > 详细

Node.js学习(1):Node.js 和Socket.IO 实现chat

时间:2014-08-20 19:33:02      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   os   io   strong   

bubuko.com,布布扣

 

使用 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

bubuko.com,布布扣

转自:http://www.cnblogs.com/wancy86/archive/2013/04/28/socket-io_chat.html

Node.js学习(1):Node.js 和Socket.IO 实现chat,布布扣,bubuko.com

Node.js学习(1):Node.js 和Socket.IO 实现chat

标签:style   blog   http   color   使用   os   io   strong   

原文地址:http://www.cnblogs.com/xiguain/p/3925220.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!