Website JavaScript localStorage vs Datenbank?

Wenn ich Informationen eines Nutzers speichern möchte, zum Beispiel in welcher Geschwindigkeit er Videos abspielt, damit der Nutzer es nicht immer wieder neu einstellen muss.

Speicher ich das in der Datenbank für den Nutzer oder im Localstorage/als Cookie?

Und wann sollte man eher was benutzen? (Nicht die Rede von Daten die für die Authentifizierung notwendig sind sondern von Nutzer Anpassungen.)

3 Antworten

Von Experte TheFamousSpy bestätigt

Gegsoft

02.04.2022, 00:25

Ich habe auf meiner Website die Benutzereinstellungen (Schriftart und -größe etc) als LocalStorage implementiert.Das hat den Vorteil, dass es einfach ist und sitzungsübergreifend funktioniert. Ner Nachteil ist, wenn ein anderer Browser oder ein anderes Gerät verwendet wird, muss der Benutzer seine Einstellungen wiederholen.

Woher ich das weiß:eigene Erfahrung

TheFamousSpy

02.04.2022, 01:55

Wobeu auch das vorteilhaft sein kann. Am Smartphone und am PC machen unterschiedliche Einstellungen durchaus Sinn.

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, JavaScript

02.04.2022, 09:20

Die Videogeschwindigkeit ist eine rein clientseitige Einstellung, daher würde ich dafür den Local Storage nehmen.

Wenn du Einstellungen hast, die auch das Backend betreffen, würde ich die Datenbank nehmen. Ein Beispiel dafür wäre ein Newsletter.

Wichtig ist auch zu bedenken: Im Local Storage kann der User jederzeit manuell was ändern, in der Datenbank nicht. Clientseitig solltest du also nur unsensible Daten speichern.

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

fluffiknuffi2

02.04.2022, 00:18

Beides valide. DB ist natürlich auf ewig persistent und es gibt keine Limits bei der Datenmenge, die gespeichert werden kann. Und die Daten können an einen Account gebunden werden und sind dann auf allen Geräten verfügbar. Dafür mehr Aufwand bei der Implementierung erforderlich und die Daten müssen halt hin und her geschoben werden ( Client - Server - DB)

Woher ich das weiß:Berufserfahrung – Studium + Berufserfahrung

Ähnliche Fragen

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

Kann man mit PHP, JavaScript, etc. eine Datei auf dem Computer des Nutzers auslesen?

Hallo!

Ich programmiere oft Websites (für mich selbst einfach aus Spaß). Ich würde gerne auf meinem Computer eine einfache Textdatei erstellen und dann irgendwas reinschreiben. Wenn ich auf meine Website gehe soll überprüft werden ob diese Datei vorhanden ist und der Textinhalt korrekt ist. Wenn ja soll man zur Website kommen. Quasi eine Art Anmeldung oder Kontrolle ob der Nutzer richtig ist.

Ich nehme mal an das dies jetzt nicht einfach so geht weil ja nicht jeder mit seinen Websites wildfremde Daten einfach lesen und speichern können soll.

Geht mein Vorhaben, und wenn ja wie?

...zur Frage

NextJS-Backend/Datenbank?

Ich habe eine Anwendung, wo sich ein Nutzer mit Auth0 registrieren kann.

Es zeigt den Namen und die E-Mail ganz normal an und mit

/api/auth/login
/api/auth/logout

kann man sich anmelden/abmelden.

Nun sollen alle Nutzer XP-Punkte haben (bei 0 starten) und durch Fragen beantworten im Level aufsteigen können. Bzw. ich möchte ganz simpel erst einmal mit einem Buttonklick 25 XP-Punkte dazu verdienen.

Das Ganze kriege ich normalerweise mit PHP und einer normalen SQL-Datenbank, die ich in phpMyAdmin einrichte, hin, aber da ich in NextJS neu bin, wollte ich wissen, wie das da abläuft.

Vercel liefert soweit ich weiß keine Datenbank, wo ich Nutzerdaten hinschicken kann und Auth0 kann auch nicht mehr, als nur ein sicheres Loginsystem bieten.
Also müsste ich die SQL-Datenbank wie immer anlegen und mit dem user-Objekt von Auth0 arbeiten und die "sid" benutzen, um die Punkte dem richtigen User zuzuschreiben?

Ich weiß, dass MongoDB beliebt ist, aber das ist doch auch wieder extern irgendwo und kostet Geld und ist nicht auf einem "Standard" Webhosting inklusive, wie PHP/SQL-Datenbank.

Wie benutzt man MongoDB und ist das sinnvoll?

Für Next brauche ich kein VPS, was praktisch ist. Keine zusätzlichen Kosten und lange Einrichtung. Dafür SSR.

NextJS ist auch selber das Backend soweit ich weiß, also ich kann direkt in der Serverkomponente eine Datenbankabfrage machen und mit Node etwas zu der Datenbank hinzufügen, wie das mit dem Klick +25 XP.

Von Firebase habe ich gehört, dass es beides kann: Sowohl sichere Authentication als auch Datenbank für Nutzerdaten.

Aber ob das bei wenigen Nutzern Geld kostet weiß ich nicht.

...zur Frage

Like Button implementieren?

Schönen guten Abend allerseits,

Ich arbeite gerade an einer Website.

Auf dieser möchte ich gerne einen Like-Button implementieren und nicht auf irgendein fertiges Produkt zugreifen.

Ich frage mich bloß, wie ich das am geschicktesten anstellen kann.

Meine Herangehensweise:

Ich persönlich habe mir eine MySQL Tabelle namens likes erstellt, mit deren Hilfe ich ein erneutes Liken eines Nutzers (der den Like-Button schon einmal gedrückt hat) verhindern möchte.

Zur Identifizierung des Nutzers würde ich entweder eine Session-ID oder die IP-Adresse des Nutzers in der Tabelle speichern.

Das Problem bei der Session-ID ist, dass das Cookie nach einiger Zeit "verfällt" bzw. bei der nächsten Löschung der Cookies nicht mehr vorhanden ist und erneutes liken wieder möglich ist. Zudem ist das erneute Liken in einem anderen Browser möglich.

Das Problem bei der IP-Adresse ist, dass ich nicht weiß, ob das ganze legal ist und erneutes Liken spätestens bei einer neuen IP-Adresse möglich ist.

Beim Laden der Seite stelle ich dann eine Datenbank-Abfrage mittels PHP an die Tabelle, in dem ich nach der entsprechenden Session-ID bzw. IP-Adresse suche.

Das sieht bei mir dann (mittels PDO) etwa so aus:

$stmt = $database->prepare('SELECT * FROM `likes` WHERE `sessid` = :sessid');
$stmt->execute(['sessid' => session_id()]);
$like = $stmt->fetch();

Im späteren Programmablauf wird dann überprüft, ob $like nicht "leer" ist und dementsprechend der Like-Button ($like ist "leer") oder nur die Likes ($like ist nicht "leer") ausgegeben werden.

Wenn der Like-Button nun schließlich gedrückt wurde soll eine asynchrone Anfrage an ein PHP Skript mittels AJAX gestellt werden. Im PHP Skript selbst werden entsprechende Likes in einer anderen Tabelle um 1 hochgezählt. Das PHP Skript selbst stellt dann noch eine Datenbank-Abfrage, in dem die aktuellen Likes aus der Tabelle geholt werden. Diese werden dann auch vom PHP Skript an den Client weitergegeben und im HTML-Dokument mittels JavaScript aktualisiert.

Die ganze Sache kommt mir nur nicht sonderlich elegant vor. Darunter auch die bei jedem Seitenaufruf überprüfende Abfrage, ob von diesem Nutzer bereits geliked wurde.

Zudem frage ich mich immer noch, ob ich mit der IP-Adresse oder einer Session-ID arbeiten soll - hat ja beides Vor- und Nachteile.

Was haltet ihr von meinem Ansatz? Habt ihr selbst Vorschläge wie oder was man besser machen könnte?

Danke im Voraus!

...zur Frage

Wie kann ich über eine wordpress-hp eine Datenbank füllen?

Ich möchte eine MySQL - Datenbank anlegen (weiß noch nicht genau wie, hoffe das ist nicht so schwer) und dann sollen verschiedene Nutzer Daten auf meiner hp in ein Formular eintragen können, sodass ich dann eine Tabelle habe, die ich speichern kann.

Ist das schwierig?

...zur Frage

Datenbank für android app?

Hallo,

ich will mir einen server mieten und drauf eienen datenbank abspielen, ich will es danach mit meinen android app verbinden, würde da MySQL reichen (oder funktunieren)?

ich will halt das die nutzer sich accounts erstellen können und sachen abspeichern können (also z.b strings )

...zur Frage

Webshop mit Datenbank (sehr einfach)

Ich möchte einen einfachen Webshop mit 3 Schritten:

Nutzer gibt Daten in ein Formular ein
Nutzer bezahlt per Paypal, Kreditkarte, ...
Nutzer bekommt eine individuelle Ergebnisliste

Gibt es da ein fertiges Programm? Ich möchte kein MySQL oder ähnliches lernen. Letztlich brauche ich ein einfaches Datenbankprogramm, oder? Ich habe alle Daten in Excel und kann dort auch die Auswertung machen. Wie bringe ich das ins Web?

...zur Frage

AJAX: Webseite URL angeben?

Hallo,

ich möchte per AJAX eine Datei, die auf einem Webserver liegt, überprüfen. Wie kann ich die URL richtig angeben?

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("test").innerHTML = this.responseText;
  }
};
xhttp.open("GET", "http://test.test/test.php", true);
xhttp.send();

Wenn ich das so angebe, wie im Beispiel als test.test/test.php, funktioniert bei mir nichts.

Wenn ich jedoch die test.php auf dem gleichen Server wie den Request habe, die Datei dann als test.php angebe, funktioniert alles.

Wie kann ich eine Url angeben, sodass es funktioniert?

Edit: Fehlermeldung:

[Error] Origin http://localhost is not allowed by Access-Control-Allow-Origin.
[Error] XMLHttpRequest cannot load https://test.test.test/test.php due to access control checks.
[Error] Failed to load resource: Origin http://localhost is not allowed by Access-Control-Allow-Origin. (test.php, line 0)

...zur Frage

Emits in Vue sind das Gegenteil von Props?

Ich lerne gerade das Javascript Framework Vue.js und hab die zwei Konzepte Emits und Props gelernt, weiß nur nicht ob ich das richtig verstanden hab.

Hab das so verstanden das Props, Informationen sind die vom Parent Component zum Child Component übergeben werden und das Emits Informationen vom Child Component zum Parent Component übergeben.

Sozusagen ist Emit das gegenstück zum Prop ?

...zur Frage

Bei SQLAlchemy (flask) Datenbank Tabelle Account überprüfen?

Ich arbeite seit einiger Zeit mit Flask und SQLAlchemy und bin auf die Idee gekommen, eine Webapp für meine Schulklasse zu bauen. Dort soll man sich einloggen können, auf den (Untis-) Stundenplan schauen können usw..

Allerdings hab ich noch nie ein Login gebaut. (Mit Flask oder Django)

Ich habe eine Datenbank wo Nutzer registriert sind und Nutzername, Passwort sowie die IP Adresse des Computers wo er/sie sich das letzte mal angemeldet haben gespeichert.

Ich habe also nun eine Account Datenbank, eine Registrierungsfunktion, aber wie kann ich im Login programmieren dass er nach dem Benutzernamen sucht und das Passwort überprüft? Dazu habe ich auch nichts im Internet gefunden.

Code: Hier klicken(drive)

Ich weiß der Code ist nicht gerade der sicherste, aber da werden ja auch nicht Zahlungsdaten drauf gespeichert.

Danke im voraus, Lennart

...zur Frage

Xampp website nicht über iphone erreichbar?

Habe in den browser meine ip adresse eingegeben

und bin mit dem selben Router verbunden ( aber der pc über das strom mit einem lan kabel )

xampp apache webserver läuft.

habe gehört das es möglich sein soll aber es funktioniert nicht.

Auch als ich http:// + meine ip eingegeben habe erschien irgendwas mit pdf konnte nicht geladen werden

wie mach ich das ich die seite jetzt aufrufen kann über mein handy ?

(und zweite frage : wie mache ich das mit dem router weiterleiten falls jemand von ausserhalb die seite besuchen will.

Kenne plattformen auf der man das einfach hochladen kann aber möchte es halt so machen zum lernen.)

...zur Frage

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zur Frage

Wie kann man eine PHP Variable bei Klick auf beispielsweise einen p-Tag mit einem bestimmten Wert füllen?

Auf der ersten Seite sind Rezepte aufgelistet. Die Rezept-Daten wie z.B. die Titel der Rezepte sind in einer MySQL-Datenbank gespeichert. Die Titel lasse ich auf der ersten Seite alle ausgeben. Nun möchte ich, dass bei einem Klick auf den Titel der Nutzer auf eine andere Seite gelangt, auf der das vollständige Rezept steht. Dabei möchte ich aber nicht für jedes Rezept manuell eine Unterseite erstellen, denn dann hätte ich mir das mit der Datenbank schenken können.

Bisher habe ich ein

eingerichtet, bei dem der anzuklickende p-Tag als Submit-Button dient. Nun muss ich noch mittels POST einen Wert, der zum richtigen Rezept führt (z.B. Titel, ID, etc.) an die Seite weiterreichen, die mit dem Submit-Button vom

aufgerufen wird. Allerdings bin ich bisher auf keine Idee gekommen, wie ich eine PHP-Variable bei einem onclick mit einem Wert füllen kann.

Weiß da jemand weiter?

Vielen Dank!

...zur Frage

Wie kann ich mit JavaScript ALLE aktuell laufenden Geräusche beenden?

Wenn eine neue Audio startet sollen erst alle noch laufenden Audios beendet werden, damit man immer nur eine hört und nicht mehrere. Mein Code sieht zurzeit so aus:

function play1() {
    var audio = new Audio('Music/1.mp3');
    audio.play();
    audio.addEventListener('ended', (event) => {
        play2();
    });
}

function play2() {
    var audio = new Audio('../002/Music/1.mp3');
    audio.play();
    audio.addEventListener('ended', (event) => {
    });
}

und es gibt jeweils 1 Knopf für play1 und play2 zum starten.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen