Websocket und MySQL-Datenbank?

Hallo zusammen,

Wenn ich mit Javascript (zum Beispiel ein HTML5/Canvas-) Spiel programmieren will, sollte das auch sicher sein. Wie realisiere ich es also, dass z. B. bei jeder Positionsänderung des Spielers per Javascript die neue Position in eine auf dem Server liegende Datenbank eingetragen wird und bei jeder weiteren Änderung dieser Wert in der Datenbank verändert und der Spieler an der neuen Position angezeigt wird? (Hauptsächlich weiß ich nicht, wie das mit den Websockets und der Datenbank geht, aber auch der Javascript-Teil ist für mich schwierig - in PHP und ohne Websockets könnte ich's...)

Danke schon mal!

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Webseite, programmieren, JavaScript

16.06.2017, 23:35

Das Verhalten läuft ab wie gewohnt. Der Client schickt Daten an den Server, dieser leitet sie weiter zur Serialisierung in der Datenbank. Allerdings würde ich dir serverseitig eher zu nodeJS statt zu PHP raten. PHP ist nicht so wirklich gemacht für WebSockets.

http://markshust.com/2013/11/07/creating-nodejs-server-client-socket-io-mysql

(...) sollte das auch sicher sein.

Um dir dabei zu helfen, müsstest du dich noch einmal konkreter ausdrücken. Was bedeutet für dich Sicherheit, was sind die Mindestvoraussetzungen?

Folgendes problem: Ich wollte für meine webseite eine werbeseite anfertigen, mithilfe von PHP und MySQL. Dafür wollte ich die letzte, im paket verfügbare Datenbank nutzen, aber schon wenn ich versuche eine neue Tabelle zu erstellen, erscheint unten ein fehler. "Es ist ein JavaScript Fehler aufgetreten. Möchten Sie einen Fehlerbericht senden?"

egal was ich anklicke, kommt die fehlermeldung. Meine vorhandene Datenbank lässt sich nicht einmal importieren, und die vorhandene auch nicht exportieren.

Auf dem server ist lediglich ein haufen HTML, CSS und ein paar php dateien, und in einem unterverzeichnes ein vollständig installiertes Wordpress CMS.

...zur Frage

Daten aus MySQL auf Website darstellen?

Ich habe Daten in einer MySQL Datenbank, die ich gerne auf einer Website darstellen möchte, jeweils immer beim Klick auf einen Button (pro Button eine etwas andere Abfrage)

Eine entsprechende Abfrage dafür wird in JavaScript bereits erstellt.

Jetzt müssen die Daten nur noch abgerufen und eingefügt werden. - Nach allem, was ich gelesen habe, soll es sehr umständlich sein, MySQL in JavaScript zu verbinden.

Bisher habe ich probiert, die Abfrage per Cookie in PHP zu übertragen, dort die Daten abzufragen und zu echoen - das ganze mit einem getElementById().innervalue = ..., sodass immer die aktuelle Abfrage im DOM-Element ist, das passiert aber nur beim ersten Mal.

Das Abfragen der Daten in PHP und Zurückgeben an JS hat weder über einen Cookie, noch ein echo funktioniert.

...zur Frage

Wie kann ich Bestellungen am besten in einer Datenbank speichern?

Hi Leute,

ich habe einen Shop indem die Produkte und Preise sich öfters ändern. Doch wie speichere ich Bestellungen nun am besten ab, sodass die Produkte und Preise immer noch stimmen, auch wenn das Sortiment gewechselt hat?

Ich habe schon an an JSON gedacht, aber ich wüsste nicht wie ich anfangen sollte :-(. Wenn das eine gute Methode ist, kann mir jemand dazu ein Beispiel geben? Ich arbeite mit PHP und MySQL (der Shop an sich ist aber HTML und JavaScript)

...zur Frage

Datenbank mit JavaScript möglich?

Hallo Zusammen.

Für mein Portfolio und einem Arbeitskollegen, erstelle ich gerade eine Shopping-Website.

Folgendes Problem: Wenn ich mit SQL eine Datenbank erstelle, diese dann in Node.js einbinde, wird diese Datenbank beim Provider ('SSD-Hosting') aktiv bleiben bzw. mit gehostet?

Ziel ist ein automatisiertes Login System und ein Einkaufssystem wo die Login-Daten und die Einkäufe in meiner Datenbank gespeichert werden.

Ich habe bisher nur einen Localhost über Node.JS benutzt und noch nix öffentlich im Internet veröffentlicht.

Leider kenne ich mich mit AJAX und JSON nicht aus.

Wäre das mit Node.js und MySQL möglich ? Oder brauche ich da noch etwas anderes?

...zur Frage

HTML webseite über Javascript/nodejs... Mit MySQL Datenbank verbinden?

Wie kann ich eine simple html seite über javascript mit der MySQL datenbank verbinden?

(Kein PHP, das kann ich schon, will es über javascript können.)

Was genau muss ich dafür lernen: ReactJS; ExpressJS; VueJS idk

...zur Frage

Gästebuch in Javascript?

Moin,

wie realisiere ich in etwa ein Gästebuch in Javascript? Ich kenne mich in Javascript noch nicht so gut aus, kann aber etwas PHP. Auf YouTube gibt es ne Menge Videos dazu, wie man ein Gästebuch in PHP umsetzt, aber nichts dazu für Javascript? Hat das einen bestimmten Grund? Wenn man eine Datenbank mit mehreren Gästeeinträgen anlegt, in die neue Einträge geschrieben werden, ist das doch auch gut in Javascript möglich? Oder wie funktioniert das Einbinden von Datenbanken in Javascript, geht das mit Vanilla Javascript überhaupt oder muss man da zu "fortgeschritteneren" Dingen greifen wie ES6?

...zur Frage

"Adressbuch" Schreiben HTML5 oder vergleichbares?

Moin,

ich habe die Aufgabe bekommen eine Programm zu schreiben in dem ein Suchfeld existiert, aus dem über eine Datenbank Informationen gezogen und dann angezeigt werden.

Als Beispiel: Man gibt den Namen ein, dann kommt der Name, Adresse, Telefonnummer, Mail UND (jetzt kommt das beschissene) ein Bild.

Das alles wäre natürlich recht einfach und schnell gemacht gäbe es da nicht ein riesiges Problem... unser Netzwerk ist geschützt. Exe dateien können vom nutzer nicht geöffnet werden (Sprich mysql und co fallen weg)

Ich habe mir schon eine Lösung mit Word und Excell ausgedacht aber das stimmt mich nicht zu frieden.

Ist denn HTML5 und XML praktikabel?

Verzweifle grade etwas :(

...zur Frage

Multiplayer Game mit Javascript Ajax?

Hallo,

Ich möchte ein Spiel entwickeln, welches auf JS, PHP und MYSQL basiert.

Da kommt man ja so auf Ideen ein Brettspiel zu entwickeln, aber irgendwie reizt das nicht. Ich möchte in diesem Projekt mehr auf Ajax eingehen und diese stärker nutzen. Mich interessiert halt, wie sich das alles im Backend verhält.

Ich hab mir schon etwas agario ähnliches zusammen gebastelt, aber da läuft halt garnichts flüssig, das ist halt extrem asynchron. Da die Positionen der Spieler in der Datenbank gespeichert wird und abgefragt wird.

Hoffe ihr habt geile Ideen. Danke euch!

Ps: Ich wähle bewusst Ajax aus und nicht Websocket.

...zur Frage

JavaScript Variable zu einer Php Variable machen?

Ich kann mit php Mysql Befehle ausführen und zb Name alter usw. in eine Datenbank von meinem Webhost speichern.
mit insert into halt.

jedoch soll nicht ich das eintragen sondern die andere Person die die seite auch benutzt/client.

da hab ich mir überlegt das ich das statt

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ("max","mustermann",64) ;

lieber so machen sollte

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ($Vorname,$Nachname,$Age);

und den inhalt für diese $Vorname $Nachname $Age

Variablen bekomme ich aus Javascript

let Vorname = document.getElementById("inputField").value;

und dann will ich irgendwie sagen

Vorname Variable von Javascript ist gleich $Vorname Variable von Php.

Oder geht das viel einfacher Den inhalt eines forms in eine php Variable zu speichern ?

Php macht mir kopfschmerzen mit dem ganzen post und get,

das sind schon viele Informationen aufeinmal, kann man sich nicht alles merken.

Ich will auch php garnicht so sehr lernen und verstehen.
Brauche es eben um was zu Speichern und um meine kleinen Projekte umzusetzen.
es soll nicht sicher oder so sein

...zur Frage

PHP MySQL Datensätze in einer Liste anzeigen, bei scrollen weitere laden

Hi, ich habe eine Liste, in der ich mit PHP die Daten aus einer MySQL-Datenbank abrufe und anzeigen lasse. Die Liste ist in einem DIV mit overflow: auto (also mit scrollen).

Jetzt zu meiner Frage: Wie mache ich das, wenn nicht alle Datensätze auf einmal angezeigt werden sollen, sondern nur z.B. die ersten 20 und wenn ich dann weiter runter scrolle, sollen die nächsten geladen werden? Sonst lädt die Seite irgendwann zu lange.

Ich nehme mal an, dass geht nur mit JavaScript?

Vielen Dank im Voraus.

...zur Frage

PHP-Funktion auslösen bevor man die Seite verlässt?

Ich probiere grade aus, meine eigenen „Google Analystics“ zu machen, da das Originale zu teuer ist. Egal, kommen wir zurück zum Thema. Wie füge ich Daten zu einer MySQL-Datenbank hinzu, genau dann, wenn der User die Seite verlässt. Ich habe es bereits mit diesem JavaScript versucht:

How do i run PHP-Functions before the page unloads bwz. close? I tried `beforunload` but it never really worked. I want to insert a record for analystics into php database. Here is the JavaScript:


```
const beforeUnloadListener = (event) => {
   document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
}

window.addEventListener("beforeunload", beforeUnloadListener);

	const pageHideListener = (event) => {
    document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
}
document.onvisibilitychange = function() {
  if (document.visibilityState === 'hidden') {
		document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
  }
};

window.addEventListener("pagehide", pageHideListener);
```



I expect, that the MySQL-Command works when the user leaves the site.

...zur Frage

JavaScript Canvas Bilder werden Komisch angezeigt, Lösung?

Hallo,

ich bastele gerade mit dem HTML5 Canvas herum und möchte dort mit JavaScript ein Bild anzeigen, dies Funktioniert auch allerdings werden sie sehr komisch angezeigt, meist zu groß oder verschwommen hier der JavaScript code:

"function drawImage(url) {

var img = new Image();

img.onload = function () {

ctx.drawImage(img,10, 10, 35, 35);

}

img.src = url

hier habe ich schon mit den drawImage Parametern rumgespielt um es anzupassen allerdings kam kein gutes Ergebnis heraus...

Hier noch die canvas daten: width: 900px; height: 700px;

diese habe ich mit CSS angegeben.

Schonmal vielendank für eure Hilfe!

...zur Frage

Textfeld in MySQL Datenbank ohne Reload?

Hallo gutefrage.net Community,

Ich möchte für ein aktuelles Projekt einen Stundenzettel für Mitarbeiter erstellen. Der Aufbau ist im Anhang.

Also im Grunde möchte ich nach der Auswahl der Stunden einen Script durchlaufen, der sich aus der Datenbank die Daten vom Dienstplan holt, das dann verrechnet und wieder abspeichern, ohne dass die Seite neu laden muss.

Das soll ohne einen Speichern Button funktionieren.

Da PHP ja auf dem Server bearbeitet wird kann man nicht einfach mit Javascript den (aktuell mit PHP geschriebenen) script ausführen der das abrufen, rechnen und speichern durchführt.

Wisst ihr eine Möglichkeit wie ich das umsetzen kann?

Mit den sprachen javascript, php, html und MySQL reicht die Theorie bei anderen währe ein Code Beispiel nett.

MFG, Die Zeitmaschiene

...zur Frage

Warum funktioniert mein Websockets- Server nicht?

Hallo,

ich möchte mithilfe von Websockets über JS auf Python zugreifen, das ist mein Code:

Python:

def send_message_to_browser(message):
    url = "http://localhost:8000/?wake_word=luna"
    try:
        response = requests.get(url)
        if response.status_code == 200:
            print("Nachricht an den Browser gesendet:", message)
        else:
            print("Fehler beim Senden der Nachricht an den Browser")
    except requests.RequestException as e:
        print("Fehler beim Senden der Nachricht an den Browser:", e)

JavaScript:

// WEBSOCKET
var socket = new WebSocket('ws://localhost:8000/?wake_word=luna');

// Debugging-Ausgabe zur Überprüfung der Verbindung
console.log("WebSocket wird hergestellt...");

// Ereignisbehandlungsfunktion für Verbindungsherstellung
socket.onopen = function(event) {
    // Debugging-Ausgabe zur Bestätigung der erfolgreichen Verbindung
    console.log("WebSocket-Verbindung hergestellt.");
};

// Ereignisbehandlungsfunktion für Nachrichtenempfang
socket.onmessage = function(event) {
    // Nachricht vom Server erhalten
    var message = event.data;

    // Debugging-Ausgabe
    console.log("Nachricht empfangen:", message);

    // Überprüfen, ob die empfangene Nachricht "luna" ist
    if (message === "luna") {
        // Ändern der Hintergrundfarbe der Div mit der ID "luna_wake_word" auf Rot
        $('#luna_wake_word').css("background-color", "red");
    }
};

// Fehlerbehandlungsfunktion für WebSocket-Verbindung
socket.onerror = function(error) {
    console.error('WebSocket Error: ', error);
};

// Schließen der WebSocket-Verbindung
function closeWebSocket() {
    socket.close();
}

Doch immer, wenn ich das Programm starte und in die Konsole schaue kommt dieser Fehler:

WebSocket wird hergestellt...

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929 WebSocket connection to 'ws://localhost:8000/?wake_word=luna' failed:

(anonym) @ index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1957 WebSocket Error: Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}

Kann mir jemand helfen?

Freundliche Grüsse

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen