M2

Chat-Test-System mit socket.io

Um socket.io heranzutasten kennen zu lernen, wurde eine Chat-Demo-Anwendung aus dem Abschnitt Get Started der socket.io-Dokumentation aufgebaut. Die fertige Anwendung ist hier abrufbar.

Jeder Client, der sich mit der Anwendung verbindet, sieht die Nachrichten der anderen Teilnehmer. Es gibt keine Beschränkung der Anzahl Benutzer im Chat.

Programm-Code

Serverseitig

io.on('connection', function(socket){
  console.log('a user connected');
  socket.on('disconnect', function(){
	    console.log('user disconnected');
	  });
  socket.on('chat message', function(msg){
	io.emit('chat message', msg);
    console.log('message:' + msg);
  });
});

Clientseitig

<ul id="messages"></ul>
<form action="">
	<input id="m" autocomplete="off" />
	<button>Senden</button>
</form>

<script>
	var socket = io.connect('https://pbx.prbox.biz:3000');
	$('form').submit(function() {
		socket.emit('chat message', $('#m').val());
		$('#m').val('');
		return false;
	});
	socket.on('chat message', function(msg) {
		$('#messages').append($('<li>').text(msg));
	});
</script>