我是socket.io的新手我想知道如何使用socket.io在这个简单的聊天中添加用户名。先谢谢你们。我想学习socket编程。
以下代码是我的server.js
//chat service
io.sockets.on('connection', function (socket) {
socket.on('sendMessage', function (data) {
socket.broadcast.emit('message', data);
socket.emit('message', { text: data.text });
});
});
这是我的聊天客户端index.html
<!-- index.html -->
<html>
<body>
<script src="/socket.io/socket.io.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
var socket = io.connect('http://localhost');
socket.on('message', function (data) {
$('#chat').append( '<b>' + data.text + '</b>' + '<br />');
});
$('#send').click(function () {
socket.emit('sendMessage', { text: $('#text').val() });
$('#text').val('');
});
$('#text').keypress(function(event) {
if(event.keyCode == 13) {
$('#send').click();
$('#text').val('');
}
});
});
</script>
<div id="chat" style="width: 500px; height: 300px; border: 1px solid black">
</div>
<input type="text" name="text" id="text">
<input type="button" name="send" id="send" value="send">
</body>
</html>
答案 0 :(得分:6)
看看这里 - http://www.tamas.io/2013/05/19/simple-chat-application-using-node-js-and-socket-io/
最简单的方法是添加一个人的对象 - 请参阅源代码(文章中的链接)。
如果您想要实现会议室,请阅读:http://www.tamas.io/2013/05/19/simple-chat-application-using-node-js-and-socket-io/
玩得开心。