Frontend -App mit Rost und Yew.Rs: Benutzeranmeldung und Anmeldung
In diesem umfassenden Leitfaden lernen Sie, wie Sie eine einseitige Frontend-Webanwendung in Rost erstellen, indem Sie das Rahmen von Yew.rs erstellen. Die Anwendung umfasst wichtige Authentifizierungsfunktionen wie Benutzeranmeldung, Anmeldung, Anmeldung und Einschränkung des Zugriffs auf geschützte Seiten.
Themen behandelt
- Führen Sie die Yew.rs JWT Frontend App lokal aus
- Führen Sie die Web -App Yew.rs mit einer Rost -API aus
- Gerüst das Eibeprojekt
- Setup Tailwind CSS zum Styling einrichten
- Definieren Sie die API -Anfragen mit der Kiste mit dem Requal
- API -Antworttypen
- Erstellen Sie die API -Anfragen
- Richten Sie mit der Yewdux -Bibliothek einen globalen Store ein
- Erstellen Sie wiederverwendbare Eibenkomponenten
- Erstellen Sie eine Spinnerkomponente
- Erstellen Sie eine Ladeknopfkomponente
- Erstellen Sie eine Benachrichtigungs -Toastkomponente
- Erstellen Sie eine Formulareingangskomponente
- Erstellen Sie eine Header -Komponente
- Implementieren Sie den Authentifizierungsfluss
- Erstellen Sie die Seite der Kontoregistrierung
- Erstellen Sie die Account Anmeldeseite
- Fügen Sie die Abmeldefunktionalität zum Header hinzu
- Erstellen Sie die verbleibenden Eibenseiten
- Erstellen Sie die Homepage -Komponente
- Erstellen Sie die Profilseitenkomponente
- Setup -Routen mithilfe der Yew Router -Kiste
- Rendern Sie die Yew -Anwendung in der Hauptdatei
- Testen Sie die Yew -Anwendung im Browser
- Besuchen Sie die Startseite
- Registrieren Sie einen neuen Benutzer
- Melden Sie sich den Benutzer an
- Greifen Sie auf die geschützte Seite zu
Lesen Sie hier den gesamten Artikel
