Hallo liebe Community, ich habe vor Kurzem Netlify Identity entdeckt und würde gerne folgendes (in HTML, CSS, JS) umsetzen: Man loggt sich ein und klickt auf einen Button. Man wird auf eine Seite weitergeleitet, die nur dann sichtbar ist, wenn man eingeloggt ist. Folgendes habe ich schon geschafft: (Ich nutze das Widget von Netlify Identity ) Man kann sich mithilfe eines Buttons einloggen. Meine Frage: Wie kann ich es am leichtesten schaffen, dass man eine Seite nur sehen kann, wenn man eingeloggt ist? LG white Danke für jede Antwort.

Netlify Identity: Wie kann ich es am leichtesten schaffen, dass man eine Seite nur sehen kann, wenn man eingeloggt ist?

Hallo liebe Community,

ich habe vor Kurzem Netlify Identity entdeckt und würde gerne folgendes (in HTML, CSS, JS) umsetzen:

Man loggt sich ein und klickt auf einen Button.
Man wird auf eine Seite weitergeleitet, die nur dann sichtbar ist, wenn man eingeloggt ist.

Folgendes habe ich schon geschafft:

(Ich nutze das Widget von Netlify Identity )

Man kann sich mithilfe eines Buttons einloggen.

Meine Frage:

Wie kann ich es am leichtesten schaffen, dass man eine Seite nur sehen kann, wenn man eingeloggt ist?

LG white

Danke für jede Antwort.

2 Antworten

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, Programmieren & Softwareentwicklung, Software & Apps

11.12.2022, 20:06

Ich habe das jetzt nur grob überflogen, grundsätzlich musst du aber einfach die Signatur des JWT auf dem Server mittels Public Key überprüfen. Wenn der JWT gefälscht ist, dann natürlich einen 401 Unauthorized zurückgeben. Den JWT solltest du von Netflify beim Log-in erhalten. Dieser kann dann bspw. als HTTP-only Cookie beim Client gesetzt werden.

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

whgoffline

11.12.2022, 19:57

Könntest das z.B. mit PHP und Sessions machen.

Aber keine Ahnung ob netlify PHP unterstützt

Ähnliche Beiträge

Fehler bei JS innerHTML?

Hallo. Ich habe einen kleinen, großen Bug in meinem Code. Vorerst mein Ziel ist es, dass beim Click auf einen expand Button von Bootstrap ein Array als List Element lädt. Es soll für jeden Array Eintrag ein einzelner List Eintrag erstellt werden.

Mein Bug :

Beim Klicken auf den Expand Button finde ich folgende Fehlermeldung vor :

Wenn ich danach nochmal 2 mal auf den Button drücke um das Feld zu schließen und wieder zu öffnen passiert folgendes

Mein Code :

Danke für jede Hilfe. (Man könnte natürlich auch einfach die Funktion beim laden der Seite einmal ausführen, aber ich würde gerne den konkreten Fehler finden)

...zum Beitrag

PDF Datei auf Website zum Download bereitstellen?

Hallo zusammen,

ich möchte auf meiner Website PDF Dateien zum Download anbieten. Der Nutzer soll also auf ein Img oder einen Button klicken und die entsprechende Datei downloaden.

Wie kann ich das in HTML, CSS, JS und oder PHP umsetzen?

Vielen Dank!

...zum Beitrag

Javascript setTimeout Wiederholungen?

Schaut mal bitte folgendes Beispiel

var update=0;
function ReloadFunktionen()
{
 console.log(update);
 update=setTimeout(ReloadFunktionen, 1000);
}
ReloadFunktionen();

Die console.log Info zeigt mir das der Wert der Variable "update" am steigen ist, die Zahl wird immer groeser, ich frage mich ob dadurch mit der Zeit vielleicht der Browser immer mehr Speicher verbraucht, ob ich das falsch aufgebaut habe oder ob das normal ist das die Zahl welche setTimeout zurueck gibt immer weiter steigt.

Im Prinzip will ich das ganze als Endlosschleife benutzen damit bestimmte Funktionen immer wieder neu aufgerufen werden nach Ablauf von paar Sekunden.

...zum Beitrag

programmierprofi werden?

Ich bin m 16. interessiere mich sehr für Informatik, bzw hauptsächlich für programmierung von verschiedenen Dingen (Webentwicklung, Spiele)

Heute habe ich mich mit einem Mitschüler unterhalten, welche das selbe Interesse zu haben scheint.
Er scheint ein richtiger Informatik Profi zu sein: hat mir zum Beispiel erzählt, für einen Freund einen eigene Smart Mirror gebaut zu haben und sogar Apps für diesen zu programmieren.

Das fand ich krass und hat mich auch erstmal stutzig gemacht. Neben programmierkenntnissen würde das ja auch eine Kenntnis im Umgang mit Raspberry pies erfordern was ich auch alles gern können würde.

Eine Zeit lang habe ich mich mit dem Thema beschäftigt. Versucht, HTML, CSS und JS für Webentwicklung sowie Java für Spiele bzw Minecraft Plugin Entwicklung zu lernen.

Anfangs hatte ich jeweils natürlich immer gute Ergebnisse. Habe in einem Schülerpraktikum zum Beispiel eine erste Funktionsfähige Portfolio Website mit ein paar Funktionen (hauptsächlich Animationen oder ein Animierter Download Button) von Grund auf gebaut und einige Funktionen in ein Minecraft Plugin eingebaut.

weiter als zu den Basics bin ich jeweils leider nie gekommen. Manchmal habe ich ein paar Verständnisschwierigkeiten in der Anwendung. (Versuche z.B. etwas aus dem Internet nachzubauen, verstehe es aber nicht, weil es auch meist nicht funktioniert und Leute dann andere Anleitungen geben)

Das große Problem dabei ist wahrscheinlich, dass ich das ganze nur nebenbei gemacht habe, da ich hauptsächlich auch mit Freude mit Social Media Marketing beschäftigt bin und sich das bis heut nicht geändert hat.

Ich würde allerdings zu gern diese Fähigkeiten/„programmiersprachen“ besitzen und eigene Projekte umsetzen (können).

Ständig habe ich motivation irgendwas großes umzusetzen, endlich mal wieder zu programmieren, aber es fehlen einfach meist Projekte für meine Liga, die vielleicht etwas komplexer sind, um die Fähigkeiten zu entwickeln, aber auch Sinn für mich ergeben und nützlich sind.

Ich bin mir ein wenig unsicher, was da genau das Problem ist. Habt ihr vielleicht Ideen und Lösungsvorschläge?

...zum Beitrag

JS mehrere Button(gleiche klassen) nur der erste betätig bar?

Hallo zusammen,
anbei ein Foto. Wenn ich auf den Button "Note hinzufügen" klicke, reagiert immer nur der obere. Die neu erstellen(die darauf folgenden) reagieren nicht. Alle haben die gleiche CSS-Class. Untendrunter noch der Code-Schnipsel. Woran könnte das liegen ?
Mfg.
Emre

...zum Beitrag

Wenn HTML-Button gedrückt wird PHP-Script ausführen?

Ich möchte, dass wenn ein Button in HTML gedrückt wir, ein PHP-Script ausgeführt wird. Ich habe im Internet folgendes gefunden:

<? php 
if(isset($_POST['sent'])){
	// ...
}
?>

<form method="post" action="script.php">
<input type="submit" name="sent" value="senden">
</form>

Das funktioniert aber irgendwie nicht. Man wird wenn man auf den Button drückt nur zum PHP-Script weitergeleitet. (Bin noch neu mit Php und so, also keine Ahnung woran es liegt.) Eigentlich sollte PHP aber im Hintergrund ausgeführt werden.

Hoffe auf Antworten,

-Bohne47

...zum Beitrag

ChatBot wie ChatGPT programmieren? (Einfacher)?

Hi, mein großes Projekt für dieses Jahr soll sein, einen intelligenten ChatBot zu Coden. Ähnlich wie ChatGPT, aber mit ist natürlich bewusst, dass ich einen so komplexen Bot nicht machen kann. Es soll ein kleinerer werden.

Meine Vorstellungen:

Die Oberfläche mit HTML und CSS

Die Datenbank mit SQL? (ich habe wenig Erfahrung mit Datenbanken, deshalb das Fragezeichen)

Ansonsten die Logik eventuell mit JS, aber eventuell mit etwas anderem, da man ja über JS leicht Schadsoftware injizieren kann.

Könnt ihr mir da einen Vorschlag machen?

Die Funktion habe ich mir so vorgestellt:

In einer Datenbank sind entweder Schlüsselwörter oder komplette Antworten gespeichert. Zu jedem Schlüsselwort sollen Daten gespeichert sein. Wenn in der Datenbank nur Schlüsselwörter gespeichert sind, soll der Bot automatisch Sätze dazu formulieren.

Ein Beispiel:

Eingegebene Frage: Wer ist der Bundeskanzler von Deutschland?

(Bot Sicht spezielle Wörter im Text, z.B. Bundeskanzler und Deutschland)

in der Datenbank: Olaf Scholz (Daten zu ihm, Schlüsselwörter wann diese Antwort genutzt wird) z.B. Olaf Scholz (deutscher Kanzler, männlich, …)[Bundeskanzler+Deutschland, Olaf Scholz, Scholz]

In dem runden Klammern die Daten zu ihm, in den eckigen die Schlüsselwörter, wann die Antwort genutzt wird. Ansonsten halt vorgefertigte Antworten, die sich auch an Schlüsselwörtern in der Frage orientieren.

Wenn nur Wörter gespeichert sind, dann soll er sich einen Satz drumherum bauen.

Ich würde ihn im Browser laufen lassen, aber nicht öffentlich. Eventuell kann man ihn auch mit Google verknüpfen… auch wenn dann vermutlich die ein oder andere Antwort falsch ist. Aber das macht bei meinem nichts. Was haltet ihr davon? Wie würdet ihr es umsetzen? Welche Sprache? Eventuell ein paar Zeilen Code für bestimmte Funktionen?

...zum Beitrag

Welches CSS Framework bevorzugt ihr?

Bootstrap, Tailwind, Bulma etc...

2 Frage Und weiter verbreitet in der Jobwelt

...zum Beitrag

Wo am besten kostenlos React Js Lernen?

Die meisten Playlisten auf Youtube gehen nur 10 videos wovon 3 über die installation gehen

2 videos gehen über jsx

2 über props , components

2 über state und 1 über deployment

Dann hören die auf.

Ist ja alles Toll aber jetzt weiss ich nichtmal was ich nach dem absoluten Basics lernen soll.

So einen roten faden.

Dann könnte ich immerhin Irgendwelche Dokumentationen lesen

Nach 10 videos und ein wenig herumspielen hab ich sicher nicht react gemeistert.

ich hab auch keine 100 euro für einen Udemy kurs rumliegen.

...zum Beitrag

Frage an Frontend-Web-Developer?

Was macht ihr alles auf der Arbeit?

...zum Beitrag

Werte aus Datenbank anzeigen mit JS?

Hallo,

ich habe folgenden Code für mein Formular:

<form action="/message1" method="post">
  <div class="input">
    <input type="text" placeholder="Chat" id="input" name="input1">
  </div>
  <div class="send">
    <button type="submit" onclick="message();">Send</button>
  </div>
</form>

Nun noch das JS onclick-Event:

function message() {
  input = document.getElementById("input").value;
  count++;

  if (input == "") {
    alert("please type your message!");
  }
  else {
    if (count % 2 == 0) {
      let newDiv = document.createElement("div");
      newDiv.id = "divMessage";
      newDiv.style.display = "flex";
      newDiv.style.justifyContent = "flex-start";
      newDiv.style.margin = "45px";
      newDiv.style.backgroundColor = "#303032";
      newDiv.style.borderRadius = "10px";
      newDiv.style.padding = "10px";
      newDiv.style.marginTop = "80px";
      newDiv.style.color = "white";
      newDiv.style.marginBottom = "80px";
      newDiv.style.width = "120px";
      newDiv.innerHTML = input;

      let chatMessages = document.querySelector(".chat-messages");
      chatMessages.appendChild(newDiv);
    }

Und nun noch das Reinschreiben mit node.js in die MariaDB-Datenbank:

app.post('/message1', async (req, res) => {
  const input = req.body.input1;
  console.log(input);
  const conn = await pool.getConnection();
  await conn.query(`INSERT INTO test.handy (id, name) VALUES (2, '${input}')`);
  conn.release();
});

Nun möchte ich aber, das, was in die Datenbank geschrieben wurde, beim Aktualisieren der Seite immer noch im "newDiv" anzeigen. Wie geht das?

...zum Beitrag

Javascript nach Button Klick auf andere Webseite leiten?

Moin!

Ich hab folgende Frage: Wie kann ich es realisieren, dass, wenn ich auf den Success Button klicke, ich dann auf eine andere Seite geleitet werde? Der Link dahin ist auch ein Teil dynamischer PHP Code. Ihr werdet es sehen :)

Hier mein Code:

"use strict";!function(){const n=document.querySelector(".suspend-user"),t=(n&&(n.onclick=function(){Swal.fire({title:"Bist du sicher?",text:"Du kannst diesen Benutzer nicht wiederherstellen!",icon:"warning",showCancelButton:!0,confirmButtonText:"Fortsetzen",cancelButtonText:"Abbrechen",customClass:{confirmButton:"btn btn-primary me-2",cancelButton:"btn btn-label-secondary", text:"Abrechen"},buttonsStyling:!1}).then(function(n){n.value?Swal.fire({icon:"success",title:"Benutzer gelöscht!",text:"Der Benutzer wurde gelöscht.",customClass:{confirmButton:"btn btn-success"}}):n.dismiss===Swal.DismissReason.cancel&&Swal.fire({title:"Vorgang abgebrochen",text:"Der Benutzer wurde nicht gelöscht.",icon:"error",customClass:{confirmButton:"btn btn-success"}})})}),document.querySelectorAll(".cancel-subscription"));t&&t.forEach(n=>{n.onclick=function(){Swal.fire({text:"Are you sure you would like to cancel your subscription?",icon:"warning",showCancelButton:!0,confirmButtonText:"Yes",customClass:{confirmButton:"btn btn-primary me-2",cancelButton:"btn btn-label-secondary"},buttonsStyling:!1}).then(function(n){n.value?Swal.fire({icon:"success",title:"Unsubscribed!",text:"Your subscription cancelled successfully.",customClass:{confirmButton:"btn btn-success"}}):n.dismiss===Swal.DismissReason.cancel&&Swal.fire({title:"Cancelled",text:"Unsubscription Cancelled!!",icon:"error",customClass:{confirmButton:"btn btn-success"}})})}})}();

Und ich möchte gern auf folgende Seite weitergeleitet werden:

index.php?page=deleteUser&&delete_id=<?=$user_data['user_id']?>

Könntet ihr mir hier behilflich sein? Wenn ich auf den Button "Fortsetzen" klicke erscheint noch eine Bestätigungsnachricht, wenn man dann auf "OK" klickt, soll der Redirect ausgeführt werden.

Danke euch im Vorraus!

...zum Beitrag

Element-Inhalt abrufen?

Ich programmiere seit einiger Zeit mit HTML CSS und JS und habe mit Getboostrap eine Website erstmals geschrieben, wo mein Ziel es war dass man dort einen Key eingeben kann womit man dann auf eine weitere HTML Datei umgeleitet wird die den Namen hat. Damit meine ich das wenn man als Key hallo123 eingibt das man auf die Seite Hallo.html umgeleitet wird. Ist zwar nicht gerade so sicher aber es reicht für den Start aus. Ich habe jetzt aber das Problem das ich bei "document.getElementById()" nicht dem Inhalt aus dem Eingabe Feld erhalte wodurch man egal was man eingibt zu null.html umgeleitet wird. Weiß jemand wie ich das Behebe?

<!doctype html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mit Projekt-Key herunterladen | LSprojects</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
</head>
<style>
body {
    background-color: rgb(26, 24, 24);
    color: white;
}
.btn  {
    background-color: rgb(161, 156, 156);
    color: white;
}
</style>
<script>
    function submit() {
        let code = document.getElementById(codeinput);
        window.location = "/codes/" + code + ".html"
    }
</script>


<body>
    <div class="vertical-center horizontal-center">
        <h1>Geben sie den Key hier ein:</h1>
        <div class="input-group mb-3 dark-backround">
            <button href="submit()" onclick="submit()" class="btn btn-outline-secondary" type="button"
                id="load">Laden</button>
            <input type="text" class="form-control" placeholder="Projekt-Key" id="codeinput" aria-label=""
                aria-describedby="load">
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
        crossorigin="anonymous"></script>
</body>


</html>

...zum Beitrag

was kostet es eine website (so günstig wie möglich) zu erstellen und hosten?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen