![[C#][JS] Websockets](https://www.elitepvpers.com/forum/iconimages/coding-tutorials/c-js-websockets_ltr.gif){kind=small}
Ich will euch ein Tutorial zu den Websockets vorstellen.
Websockets und C# könnte man zum Beispiel wunderbar zur mobilen Steuerung eines Bots nutzen.
Dieses Tutorial erfordert HTML, Javascript und C# Kenntnisse.
Zu allererst benötigen wir folgendes:
- Einen Webserver/Webspace
- Visual Studio/Entwicklungsumgebung für C#
- Fleck (WebsocketServer) -> Download
Zu erst müssen wir ein neues Projekt im Visual Studio erstellen. Wie das geht sollte klar sein. Danach müssen wir für Fleck einen Verweis hinzufügen, dafür machen wir einen Rechtsklick auf den Namen der Projektmappe gehen auf "Hinzufügen" und dann auf "Vorhandenes Projekt". Nun navigiert ihr in das davor entpackte Archiv und öffnet die Datei(Fleckmaster -> src -> Fleck). Jetzt gehen wir auf unser Projekt, klicken auf Verweis hinzufügen und wählen dort Fleck aus.
Nun kommen wir zum Code.
Als erstes müssen wir eine "using direktive" hinzufügen, dazu einfach ganz oben:
PHP Code:
using Fleck;
Danach müssen wir mit
PHP Code:
var server = new WebSocketServer("ws://localhost:8181");
Die Adresse und den Port könnt ihr jederzeit wieder abändern.
Jetzt kommt ein etwas komplexerer Part, wo wir mit Lambda arbeiten werden. Kenntnisse sind dort meiner Meinung nach nicht erfordert, weil wir das nur 1x nutzen werden, und zwar um den Websocketserver zu starten.
PHP Code:
server.Start(socket =>
{
socket.OnOpen = () =>
{
//wenn neuer Client kommt wird eine Messagebox angezeigt
MessageBox.Show("Neue Connection");
// Senden von einer Willkommensnachricht auf welche später vom Client geantwortet wird
socket.Send("Hallo, du bist hier im Tutorial!");
};
// Wenn der Client die Seite verlässt wird eine Messagebox angezeigt.
socket.OnClose = () => MessageBox.Show("Er hat den Server verlassen!");
//Wenn ein Error auftritt, wird dieser in einer Messagebox ausgegeben
socket.OnError = error => MessageBox.Show(error.ToString());
//Auswerten/Ausgeben von Messages
socket.OnMessage = message =>
{
//Wenn der Client eine Nachricht sendet, wird eine Messagebox angezeigt.
MessageBox.Show("Habe folgende Nachricht erhalten: " + message);
};
});
Somit können wir mit dem HTML/Javascript Teil anfangen.
Ihr baut eine Standart-HTML-Seite auf, im <head> Teil fügt ihr allerdings noch ein <script> Tag ein, wo wir unser Javascript Code hineinschreiben.
Mit
PHP Code:
conn = new WebSocket('ws://localhost:8181');
Hier mal der gesamte <script> Teil:
PHP Code:
conn = new WebSocket('ws://localhost:8181');
conn.onopen = function() {
alert('Die Connection wurde soeben eroeffnet');
}
conn.onmessage = function(event) {
var msg = event.data;
alert('Habe eine Nachriht erhalten: ' + msg);
var ans = prompt('Welche Nachricht möchten sie zuruecksenden?');
conn.send(ans);
}
conn.onclose = function() {
alert('Connection wurde geschlossen / war nie verfuegbar.');
}
