Heim > Web-Frontend > js-Tutorial > Verwenden Sie den Pass mit Folge und MySQL

Verwenden Sie den Pass mit Folge und MySQL

尊渡假赌尊渡假赌尊渡假赌
Freigeben: 2025-03-11 11:04:09
Original
755 Leute haben es durchsucht

FECKERIZE ist ein vielversprechender node.js orm. Es kann mit Postgresql, MySQL, Mariadb, SQLite und MSSQL verwendet werden. In diesem Tutorial werden wir die Authentifizierung für Benutzer einer Web -App implementieren. Und wir werden Passport, die beliebte Authentifizierung Middleware für Knoten, zusammen mit Sequelize und MySQL verwenden, um die Benutzerregistrierung und die Anmeldung zu implementieren.

Erste Schritte

Stellen Sie sicher, dass Sie Folgendes auf Ihrem Computer installiert haben:

  • Knoten
  • Mysql

Für dieses Tutorial verwenden wir Node.js und das Express -Framework, sodass wir mit der Installation dessen beginnen, was wir brauchen.

1. Generieren Sie eine Paket.json -Datei

Erstellen Sie ein Verzeichnis für Ihre App. Führen Sie dies in diesem Verzeichnis aus Ihrem Terminal oder Eingabeaufforderung aus:

 npm init<br>
Nach dem Login kopieren

Dadurch wird der NPM -Abhängigkeitsmanager initialisiert. Dadurch werden eine Reihe von Eingaben vorgestellt, die wir schnell durchmachen werden.

  • Geben Sie den Namen Ihrer App ohne Leerzeichen für den Namen ein.
  • Drücken Sie die Eingabetaste , um die Standardversion zu verwenden.
  • Geben Sie eine Beschreibung ein oder lassen Sie sie leer.
  • Geben Sie für Einstiegspunkte server.js an.
  • Sie können die Eingabetaste drücken, um den Standard für den Rest der Eingabeaufforderungen zu akzeptieren.

2. Installieren Sie Abhängigkeiten

Die wichtigsten Abhängigkeiten für dieses Tutorial sind:

  • Äußern
  • Folge
  • Mysql
  • Reisepass
  • Passport Lokale Strategie
  • Express -Sitzung
  • Bcryptjs
  • Lenker für die Ansichten ausdrücken

Um sie aus Ihrem Terminal oder Eingabeaufforderung aus zu installieren, führen Sie nacheinander Folgendes aus.

 NPM Installieren Sie Express -Save<br> NPM -Fortsetzung installieren -Save -Save<br> NPM -Fortsetzung installieren -Save -Save<br> NPM Installieren Sie MySQL -Save<br> NPM Installieren Sie Passport --Save<br> NPM Installieren Sie Passport-Local-Save<br> NPM Installieren Sie Express-Session-Save<br> npm install bcryptjs -Save<br> NPM Installieren<br> NPM Installieren Sie MySQL2 -Save<br>
Nach dem Login kopieren

Wenn Sie Git für dieses Projekt verwenden, erstellen Sie einen Express. Anschließend initialisieren wir Express und weisen es dem variablen Passmodul und dem Pass und den Modellen an. Führen Sie dies aus, um zu sehen, ob alles in Ordnung ist:

 node server.js<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Wenn Sie die Meldung " Site ist live. Nizza! Die Datenbank sieht gut aus ", dann haben Sie eine Folge erfolgreich eingerichtet.

Wenn nicht, gehen Sie bitte die obigen Schritte vorsichtig und versuchen Sie, das Problem mit Hilfe zu debuggen.

Schritt 2: Erstellen Sie das Benutzermodell

Als nächstes werden wir das Benutzermodell erstellen, das im Grunde die Benutzertabelle ist. Dies enthält grundlegende Benutzerinformationen.

In unserem Modelsordner erstellen wir eine Datei und nennen es iT user.js. Der vollständige Pfad für diese Datei sollte App/Models/user.js sein .

Öffnen Sie die Datei user.js und fügen Sie den folgenden Code hinzu:

 module.exports = function (sequelize, sequelize) {<br> var user = sequelize.define ('user', {<br> Ausweis: {<br> Autoinkrement: wahr,<br> primaryKey: wahr,<br> Typ: sequelize.integer<br> },<br> FirstName: {<br> Typ: sequelize.string,<br> Notimpty: Richtig<br> },<br> LastName: {<br> Typ: sequelize.string,<br> Notimpty: Richtig<br> },<br> Benutzername: {<br> Typ: sequelize.text<br> },<br> um: {<br> Typ: sequelize.text<br> },<br> E -Mail: {<br> Typ: sequelize.string,<br> validieren: {<br> Isemail: wahr<br> }<br> },<br> Passwort: {<br> Typ: sequelize.string,<br> Alownull: Falsch<br> },<br> last_login: {<br> Typ: sequelize.date<br> },<br> Status: {<br> Typ: sequelize.enum ('aktiv', 'inaktiv'),<br> defaultValue: 'aktiv'<br> }<br> });<br> Benutzer zurückgeben;<br> }<br>
Nach dem Login kopieren

Jetzt laufen:

 node server.js<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Sie sollten sehen, dass die vertraute Website " Site ist live. Schön! Datenbank sieht gut aus ". Dies bedeutet, dass unsere Folgenmodelle erfolgreich synchronisiert wurden. Wenn Sie Ihre Datenbank überprüfen, sollten Sie eine Benutzertabelle mit den angegebenen Spalten sehen.

Schritt 3: Ansichten einrichten

In diesem Abschnitt richten wir die Ansichten für die Client -Seite ein. Erstellen wir zunächst die Ansicht für die Anmeldung und verdrahten Sie sie.

Das erste, was zu tun ist, ist die AuthController -Datei zu importieren und die Anmelderoute zu definieren.

 var authController = required ('../ Controller/authController.js');<br> module.exports = function (App) {<br> App.get ('/Signup', AuthController.signup);<br> };<br>
Nach dem Login kopieren

Jetzt importieren wir diese Route auf unserem Server.js und übergeben die App als Argument. Fügen Sie in Server.js nach dem Import der Modelle folgende Zeilen hinzu:

 // Routen<br> var Authroute = Request ('./ App/Routes/Auth.js') (App);<br>
Nach dem Login kopieren

Führen Sie das aus:

 node server.js<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Besuchen Sie nun http: // localhost: 5000/anmelden, und Sie sehen das Anmeldeformular.

Verwenden Sie den Pass mit Folge und MySQL

Wiederholen wir die Schritte für das Anmeldeformular. Nach wie vor erstellen wir eine Datei namens Signin.hbs in unserem Ansichtsordner und fügen den folgenden HTML -Code darin ein:

 <br> <br> <kopf><br> <title> Anmelden in Layout </title>
<br> <link rel="stylesheet" href="/styles.css">
<br> <br> <br> <h2> Pass mit Folgen und MySQL </h2>
<br> <form id="signin" name="signin" methode="post" action="signin">
<br> <label f> E -Mail -Adresse </label><br> <input class="text" name="E -Mail" type="text"><br> <etiketts f> kennwort <br> <eingabe name="Passwort" type="Passwort"></eingabe><br> <input class="btn" type="subieren" value="in"><br> </etiketts>
</form>
<br> <br> </kopf>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonVerwenden Sie den Pass mit Folge und MySQL. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage