Admin: Die Seite wurde neu angelegt: „= Chat-Test-System mit socket.io = Um socket.io heranzutasten kennen zu lernen, wurde eine Chat-Demo-Anwendung aus dem Abschnitt [http://socket.io/get-started/…“

2018-03-06T21:16:29Z

Die Seite wurde neu angelegt: „= Chat-Test-System mit socket.io = Um socket.io heranzutasten kennen zu lernen, wurde eine Chat-Demo-Anwendung aus dem Abschnitt [http://socket.io/get-started/…“

Neue Seite

= Chat-Test-System mit socket.io =
Um socket.io heranzutasten kennen zu lernen, wurde eine Chat-Demo-Anwendung aus dem Abschnitt [http://socket.io/get-started/ Get Started] der socket.io-Dokumentation aufgebaut.
Die fertige Anwendung ist [https://pbx.prbox.biz/sipRTC/socketio-simple.html 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 ===
<syntaxhighlight lang="javascript" line>
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);
});
});
</syntaxhighlight>

=== Clientseitig ===
<syntaxhighlight lang="html" line>
<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>
</syntaxhighlight>

M2 - Versionsgeschichte

Admin: Die Seite wurde neu angelegt: „= Chat-Test-System mit socket.io = Um socket.io heranzutasten kennen zu lernen, wurde eine Chat-Demo-Anwendung aus dem Abschnitt [http://socket.io/get-started/…“