Laravel: Logowanie użytkowników

5.8.x

0:00Na naszej stronie można już się rejestrować, natomiast nie można jeszcze zalogować. Po

0:04rejestracji jesteśmy od razu zalogowani, ale teraz chcielibyśmy stworzyć widok logowania. Przejdźmy

0:09sobie do terminala i mam tutaj cały czas tabele, którą wcześniej wyświetliśmy

0:14za pomocą php artisan raute list i zobaczymy jakie mamy tutaj ścieżki

0:18do logowania. Zauważ, że mamy coś takiego jak login, pierwszy wyświetla

0:22showLoginForm. Będziemy chcieli sobie to skopiować do web i odpowiednio

0:28również dostosować. Tak jak wspominałem, nie musisz tego kopiować jeżeli podoba ci się to

0:32że jest to dodane w ten sposób i jeżeli odpowiadają ci domyślne

0:36ścieżki ja chcę je zmienić dlatego to tutaj wpisuje, czyli zrobimy sobie get i

0:40chciałbym żeby to było account login

0:44i następnie podamy ten kontroler, będę chciał to również nazwać

0:49odpowiedni sposób login. Moglibyśmy te nazwy tutaj w zasadzie również mieć jako

0:53account kropka login tak jak mieliśmy tutaj post single, ale to już nie ma aż

0:57dużego znaczenia, czyli to będzie pokazywało nam formularz logowania i

1:01znowu jeżeli byśmy sobie przeszli do LoginController to nie

1:05mamy tego w tym miejscu, ale jeżeli przejdziemy do trait'a AuthenticatesUsers, okaże

1:10że zwraca to aut.login, więc tutaj, podobnie jak wcześniej,

1:14po prostu przyjdziemy sobie do resources views auth i mieliśmy tam

1:18login, to obejrzymy co tam jest, ale w zasadzie nie ma tutaj nic czego do

1:22pory byś nie widział. Tak to wygląda, więc w

1:26zasadzie ja usunę ten plik albo nawet nie muszę go usuwać tylko sobie go nadpiszemy, więc

1:30kopiuje wszystko co mieliśmy w Register, wrzucę to do login, dostosuję

1:35sobie tutaj u góry, login, tutaj też zrobimy login i teraz

1:40jeszcze przyjdziemy do naszego HTML'a. Mieliśmy tutaj coś takiego jak login

1:44i skopiujemy fragment, który dla nas jest istotny, jest

1:48dokładnie ten fragment, wklejam to

1:55tutaj, dostosujemy sobie zaraz jeszcze formularz. Tutaj zostały mi jakieś, na

2:00to wygląda, stare linki, więc możemy sobie to usunąć, okej

2:05i formularz znowu tutaj, wypadałoby żeby to było post, bo jeżeli tego nie dodamy to

2:10będzie to dodawane w parametrach get w url, po prostu nie zadziała. I

2:14będziemy chcieli teraz tutaj wyświetlić route login.

2:18Jeszcze takiej pod post nie mamy, ale samo routes login

2:23już nazwaliśmy, a to oznacza w tym formularzu zostanie taka ścieżka zwrócone i teraz

2:27jeszcze będziemy chcieli sobie znaleźć post, to jest ten. Podobnie

2:33będę chciał go dodać do w web tylko że tym razem odpowiadamy

2:37na zapytanie o typie post, tutaj ta nazwa musi

2:41być taka sama, ta ścieżka jak wyżej, dlatego że korzystaliśmy z nazwy name login, przed

2:45momentem w formularzu. Okej,

2:50czyli jeżeli wyślemy formularz wyślę się pod właśnie ten kontroler, no i

2:54jeżeli byśmy tutaj zerknęli do metody login,

2:58ona gdzieś tutaj się na pewno znajduje. To

3:04jest ta metoda to jest to co się wydarzy kiedy ktoś spróbuje się zalogować. Możemy

3:08to przejrzeć, ale nie będziemy teraz tego komentować. Jeszcze jedna ważna rzecz, nawet

3:12tutaj coś takiego jak redirect to i gdzie użytkownik ma być przekierowany

3:16po poprawnym logowaniu, więc znowu nie mamy ścieżki home, więc przekierowujemy

3:20do strony głównej, okej i w zasadzie

3:24nam to powinno zadziałać, ale jeszcze zrobimy jedną rzecz, przejdziemy do master i będziemy

3:28chcieli sobie ten login tutaj odpowiednio podlinkować, czyli

3:33zrobię w ogóle coś takiego jak mieliśmy tutaj, route

3:39to będzie login, okej,

3:45wygląda na to będzie w porządku, więc jeżeli teraz odświeżę, przejdziemy pod login.

3:49Okej, mamy 404, już ci mówię z czego to wynika,

3:53zarejestrowaliśmy się w lekcji poprzedniej, jesteśmy zalogowani, chociaż nigdzie

3:57tego nie widzimy, ale ciasteczko jest ustawione, teraz jeżeli jesteśmy zalogowani, to

4:02jest pewien middleware, o którym wcześniej wspominałem, który się wykonuje i ten

4:06middleware wygląda w następujący sposób, mianowicie tutaj w LoginController w

4:11construct, jeszcze będziemy to kilkukrotnie w tym kursie robić. Jest

4:15zastosowany taki middleware, który się nazywa guest i on oznacza

4:19tylko tyle, że możemy wpuścić użytkownika do tego kontrolera,

4:24wyłącznie jeżeli jest on gościem, czyli nie jest zalogowany. Przeciwieństwem tego middleware jest

4:28middleware o nazwie auth i teraz jeżeli ktoś próbuje przejść do

4:33tego kontrolera, a wiemy, że tam jest zarejestrowane

4:37to middleware gust, to oznacza że jeżeli on jest zalogowany, to mamy

4:41go przekierować. No właśnie i gdzie przekierować. Wydawałoby się że tutaj. Nie, tutaj

4:46przekierujemy tylko wyłącznie kiedy użytkownik się poprawnie zaloguje, a gdzie

4:50przekierujemy w takim przypadku, tam gdzie kieruje to middleware guest,

4:54dlatego musimy sobie przejść do http middleware i tutaj

4:58będzie taki middleware RedirectIfAuthenticated, to jest dokładnie to middleware

5:02i możemy sobie je dostosować, więc zrobimy tutaj po prostu taką

5:07ścieżkę i teraz jeżeli wrócę będę chciał przyjść do login to

5:11będzie nas przekierowywać na stronę główną, tylko tyle, więc musimy się wylogować

5:15żebyśmy mogli się zalogować. Za moment w kolejnej lekcji dodamy sobie możliwość

5:19wylogowywania, na razie będziemy po prostu usuwać ciasteczko, teraz

5:23będziemy wylogowani, próbuję przejść do login, przeszliśmy również, login jest ładnie

5:27podświetlone, działa to jak należy, tutaj wyświetla się błąd, bo tak

5:31testowo miałem go tylko tutaj, więc będziemy chcieli to usunąć. Zauważ,

5:36że znowu name musi być poprawne, email oraz password. Znowu, gdybyśmy

5:40tutaj sobie przeszli, widzimy, że gdzieś to

5:44email i password powinno być w walidacji. Tutaj

5:48widzimy, że username jest to email, więc jest podstawione w tym miejscu i

5:52następnie password. Stąd odpowiednio mamy to dostosowane w widoku, spróbujemy

5:57się zaraz zalogować, ale jeszcze jest kilka rzeczy, które można zrobić, tutaj już mamy taki route jak register,

6:01więc uzupełnijmy to sobie od

6:05razu, bo później zapomnijmy o tym no i jeszcze możemy sobie tutaj wyświetlać błędy, więc

6:09chciałbym przejść do register blate i zrobić rzecz

6:13taką samą jak wcześniej. Polecam ci żebyś również sobie to dodał, to

6:18będzie wyglądać tak, a to będzie wyglądać tak. Jeszcze

6:23dodamy sobie tutaj old, okej. Odświeżmy. Spróbujemy

6:30się zalogować mamy Page Expired. Znowu

6:34przypominam ci skąd się bierze ten błąd. Każdy formularz musi zawierać pole csrf. Bez

6:40tego pola będziemy mieli właśnie takie błędy. To bardzo ważne, okej.

6:44I teraz widzimy że nasz globalny komunikat już działa, bez żadnego problemu. Tutaj

6:48również jest to poprawnie podświetlane, więc przejdźmy sobie teraz żeby zobaczyć jaki

6:52był adres email naszego użytkownika. Oczywiście ty możesz sobie tam podać

6:56jakiś własny żebyś nie musiał tego sprawdzać za każdym razem i wpiszę hasło

7:00i udało

7:04nam się zalogować. Teraz jesteśmy zalogowani. Natomiast jeszcze raz będę chciał

7:08usunąć ciasteczko, żeby się wylogować, bo jest jeszcze jedna rzecz na koniec którą chcę ci pokazać,

7:13aczkolwiek już wiesz jak to zrobić aby nasz przykład był miarę kompletny, również

7:17to zrobimy. Chciałbym, kiedy uda się zalogować użytkownika wyświetlić mu odpowiedni

7:21komunikat, więc znowu teraz jeżeli wrócimy do LoginController

7:25przejdziemy do tego tego trait'a, to okaże się że jest tutaj taka metoda

7:29jak authenticated i ta metoda się wywołuje kiedy

7:33użytkownik zostanie poprawnie zalogowany, czyli coś takiego jak wcześniej już widzieliśmy. Zauważ,

7:38że ona znowu korzysta request, więc żebyśmy nie mieli błędu wrócimy

7:42sobie do tego trait'a i skopiujmy użycie request. Może

7:50być w tym miejscu i tutaj będziemy chcieli zrobić

7:54rzecz którą już znasz i to jest to czym mówiłam wcześniej że

7:59bardzo nam się to będzie przydawało na każdym kroku, bo stworzyliśmy

8:04sobie jedną fajną templatkę do wyświetlania takiej wiadomości

8:08i teraz już możemy w dowolnym miejscu sobie tego korzystać. Natomiast

8:12tutaj będę chciał zrobić inną wiadomość i you've been po prostu you've been logged in,

8:16okej przyjedziemy do login raz jeszcze. Spróbujemy

8:21tego użytkownika zalogować. Przekieruje

8:26na stronę główną i widzimy. Zostałeś zalogowany, mamy zatem już rejestrację

8:31oraz logowanie. W kolejnej lekcji zajmiemy się tym w jaki sposób wylogować użytkownika

8:35z naszej strony.