Netlify-Identität für Jamstack-Authentifizierung | CSS-Tricks

Netlify ist erstaunlich beim Hosten von statischen Dateien, aber es ist wirklich so viel mehr als das. Sie können jede Art von Website erstellen, sogar hochdynamische Apps, mit dem Jamstack-Ansatz und dem statischen Dateihosting im Mittelpunkt.

Angenommen, Sie möchten eine TODO-App mit Benutzern erstellen. Diese Benutzer müssen sich registrieren und einloggen. Das geht nicht mit einer statischen Site, oder? Sie können tatsächlich. Netlify hilft bei Netlify-Identität, ein robustes Angebot, das sie seit Jahren haben. Die Aktivierung ist nur mit wenigen Klicks in der Admin-Benutzeroberfläche möglich, und sie sogar Auth-Widgets bereitstellen Sie müssen also nur sehr wenig bauen, um dies zum Laufen zu bringen.

Ein Login-Widget anzeigen, das von Netlify Identity unterstützt wird.

Jetzt haben Sie eine Website mit Authentifizierung, großartig! Aber wie geht es mit deiner TODO-App weiter? Sie benötigen eine Art Cloud-Speicher für die Daten in den Listen Ihrer Benutzer. Dazu müssen Sie außerhalb von Netlify einen Cloud-Speicheranbieter finden, der Ihnen gefällt. Netlify hatte eine erstklassige Integration mit Fauna seit Jahren, das ist also eine gute Wahl.

Sie müssen natürlich mit Fauna kommunizieren, und da es sich um eine statische Site handelt, funktioniert das mit JavaScript. Glücklicherweise kann Ihr clientseitiges JavaScript mit Ihrem eigenen serverseitigen JavaScript kommunizieren, bei dem Netlify hilft Netlify-Funktionen. Das ist richtig, Netlify hilft Ihnen beim Erstellen/Bereitstellen von Lambda-Funktionen. Dies bedeutet, dass Sie die Lambda-Funktionen tatsächlich die Kommunikation mit Faunda übernehmen lassen können und Ihre API-Schlüssel sicher aufbewahren.

Das sind die Bausteine. Dies ist ein altbewährter Ansatz und wirklich das Herzstück von Jamstack. Brauchen Sie einen Vorsprung? Netlify hat Vorlagen für solche Dinge. Hier sind einige Beispiele mit diesem Ansatz im Hinterkopf: netlify-fauna-todo-app und netlify-faunadb-Beispiel. Wir haben sogar ein Tutorial, das das behandelt. Und es gibt eine einminütige Videodemo:

Da haben Sie es, eine Website, die genauso dynamisch ist wie etwas, das Sie mit einem herkömmlichen Server erstellen würden. Erst jetzt bauen Sie mit Netlify, was bedeutet, dass Sie so viele andere Vorteile erhalten, wie die Tatsache, dass Sie von Commits in einem Git-Repository bereitstellen und Build-Vorschauen erhalten, und alle anderen erstaunlichen Funktionen, die Netlify bietet.

Thanks for Reading

Enjoyed this post? Share it with your networks.

Get more stuff

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Feedback!