Laravel: Wylogowywanie użytkowników

5.8.x

0:00Jesteśmy poprawnie zalogowani i teraz chcielibyśmy się wylogować, więc

0:04jak możemy to zrobić. Po pierwsze będziemy chcieli ukryć ten link login i

0:08zastąpić go na logout, jak to zrobić? Już ci pokażę, przejdziemy

0:12sobie do master i laravel oczywiście oferuje dla nas

0:16już odpowiednie Helpery, czyli w miejscu w którym mamy login możemy

0:20sobie zrobić if, no i teraz mógłbyś zapytać jak sprawdzić czy użytkownik jest zalogowany

0:24czy nie. Moglibyśmy zrobić tak if auth, jest taka globalna funkcja

0:28user, to oznacza, że mamy instancje użytkownika, więc

0:33jest zalogowany, ale nie ma potrzeby robić tego w taki sposób, jeżeli mamy odpowiednich

0:37Helper, tutaj w blade. Ten Helper nazywa się auth. Czyli

0:41jeżeli zalogowany to chcemy wyświetlać jedną rzecz jeżeli niezalogowany to drugą,

0:45czyli możemy tutaj powiedzieć, że jeżeli zalogowany to wyświetlimy za

0:49sekundę logout, w zasadzie to nie będzie musiało

0:55wyglądać aż w taki sposób, więc zrobimy sobie po prostu a li i tutaj będzie

0:59logout. Możemy zrobić else tak jak przy if'ie,

1:03a tutaj zrobić endauth. Czyli jeżeli

1:08zalogowany, wyświetlamy to jeżeli niezalogowany wyświetlamy to. No i

1:12jeżeli teraz odświeżymy wyświetliło logout. Natomiast jeszcze w stopce jeżeli dobrze

1:16mieliśmy login więc stopce będę chciał też to zamienić aczkolwiek tutaj

1:20już nie musimy dawać logout tylko zrobimy, że jeżeli jest gość, bo pokażę

1:24ci odwrotny Helper, guest się nazywa to wtedy chcemy pokazać

1:29login i endguest. Tutaj jeszcze sobie

1:33dostosujemy to, wcześniej zapomnieliśmy o tym, login i będzie

1:38już porządku, czyli auth oznacza, że w takim bloku mamy

1:42kod dla zalogowanego, guest oznacza dla niej zalogowanego, czyli jest to przeciwieństwo. Teraz jeżeli

1:48jesteśmy zalogowani, login nam zniknęło, tutaj pojawia logout i będziemy

1:52chcieli się wylogować, więc jeżeli przejdziemy do terminala to zobaczymy jakie

1:56ścieżki, jakie kontrolery są do tego przypisane. Widzimy, że gdzieś tutaj powinno

2:00być logout. Wysyłamy zapytanie o typie post, to jest bardzo ważne, dlatego

2:05nie wystarczy, że w tym linku, który dodaliśmy, podlinkujemy sobie to odpowiednio,

2:09bo nie jest dobrą praktyką wylogowywanie się po adresie URL. Moglibyśmy

2:13tutaj zrobić co prawda account logout. Jeżeli bym wcisnął Enter

2:17to get będzie wysłany, to oczywiście teraz nie zadziała, a dlaczego to jest złe rozwiązanie,

2:22wylogowywanie się poprzez get, bo ktokolwiek może ci podesłać link,

2:26na przykład w mailu, który będzie ładnie sformatowany, ty go klikasz i on cię wyloguje

2:30twojej przeglądarki. Niby nic strasznego, ale nie jest dobrą praktyką. Natomiast nie

2:35da się wysłać linku, który po kliknięciu wyśle zapytanie o typie post, dlatego

2:39właśnie będziemy chcieli tutaj skorzystać z post. Mamy logout, czyli

2:43nazwa jest to logout i jest tutaj odpowiedni kontroler. Stąd ja

2:47będę chciał przejść do web i go sobie dodać. Będzie

2:52to oczywiście posts. Zróbmy sobie account logout, żeby

2:56to już było spójne i nazwiemy to logout, okej,

3:02czyli teraz żeby się wylogować po linku, który dodaliśmy to w zasadzie musimy wysłać

3:06formularz. Wydaje się to głupie, ale już ci tłumaczę w jaki

3:10sposób to zrobimy bardzo prosto. Mamy tutaj taki link i będziemy

3:15chcieli tutaj napisać logout. Okej,

3:19teraz przejdziemy sobie do master, bo potrzebujemy formularz, który będzie dostępny na każdej

3:23stronie i na samym dole przed zamknięciem body będę

3:27chciał dodać formularz, który będzie miał action, właśnie

3:32logout, które dopiero co zdefiniowaliśmy w routes, czyli w web php. Metoda

3:37to będzie metoda post i teraz jeżeli wyślemy ten formularz to

3:41się po prostu wylogujemy. Ten formularz jak każdy inny potrzebuje mieć csrf

3:46i teraz musimy go

3:50wysłać, nic innego on tutaj nie potrzebuje, tylko być wysłany. Dlaczego formularz,

3:54no bo jest w zasadzie oprócz Ajaxa jedyny sposób żeby z poziomu

3:58kodu wysłać zapytanie o typie post, czyli w html'u można

4:02zrobić właśnie tak, wysyłając taki formularz. Natomiast możemy to również zrobić z poziomu

4:07kodu JavaScript Ajax'em. Moglibyśmy takie zapytanie wysłać, a następnie przeładować

4:11stronę, żeby użytkownik już nie był zalogowany. Najprościej będzie to zrobić ten

4:15sposób. Natomiast będziemy musieli ten formularz wysłać z użyciem

4:19javascript'u, dlatego będziemy chcieli do niego również dodać id.

4:23Nazwiamy to na przykład logout form

4:28i pod spodem dodamy sobie prosty skrypt JavaScript'owy,

4:32w którym wpisze po prostu document.querySelector.

4:37Chcę wyszukać linku logout, a w zasadzie my

4:42tam daliśmy href, czyli możemy wyszukać a href równa

4:46logout, to nam znajdzie ten element wylogowywania,

4:50dodamy do niego kliknięcie. Ta

4:55funkcja się wywoła po kliknięciu w ten element a, żeby nam

5:00nie przeskakiwało do tego linku, który tam jest to wykonamy preventDefault i

5:04teraz wystarczy, że znajdziemy sobie formularz logout form, czyli znowu document.querySelector po

5:12id i go wyślemy za pomocą metody submit,

5:16czyli w javascript'cie w ten sposób możemy po kliknięciu w ten link to zrobić, ale

5:20od razu uprzedzę cię, że ten nasz link nie zawsze będzie dostępny, bo zauważ, że

5:24tylko jeżeli ktoś jest zalogowany, taki link jest dostępny, więc JavaScript

5:28działa tak, w zasadzie tutaj obiektowy model dokumentu, że jeżeli nie zostanie taki

5:33link znaleziony, bo ktoś jest niezalogowanym i próbujemy do niego przepisać

5:37kliknięcie, tutaj jest zwracane null, no i to wygeneruje błąd, dlatego chciałbym się upewnić, że

5:41ten kod będzie wstawiony na stronę wyłącznie jeżeli ktoś jest zalogowany, a

5:45więc auth i endauth. Okej,

5:51teraz spróbujmy odświeżyć, może nawet otworzę konsolę gdybyś jakieś błędy pojawiły. Klikniemy

5:56logout i jak widzisz udało się wylogować, dlatego że pojawiło

6:00się tutaj login i gdybyśmy się przyjrzeli, tutaj w Application, Cookies. Oczywiście

6:07laravel_session tutaj zostało, bo w sesji są różne rzeczy zapisane, ale nie jest to już sesja z

6:11samym użytkownikiem. I na koniec jeszcze zrobimy sobie tylko jedną

6:15rzecz. Po wylogowaniu się znowu, tak jak wcześniej, chcemy wyświetlić odpowiedni komunikat, więc przejdźmy

6:19do LoginController, nic tutaj takiego nie ma, więc zaglądamy do

6:23trait'a i w trait'cie powinniśmy znaleźć odpowiednią

6:28metodę. Wystarczy troszeczkę poszukać i okazuje

6:32się że jest metoda loggedOut i ona się wykona tak samo jak wykonywały

6:36się poprzednie metody, więc ja ją tutaj wklejam i po prostu będziemy chcieli dostosować

6:41tutaj komunikat. W tym przypadku może napiszemy po prostu

6:46you've been successfully logged out, okej. No

6:55i na koniec jeszcze raz sobie to przetestujemy, login nam się tutaj u dołu pojawia, możemy

6:59kliknąć. Możemy się zalogować i widzimy,

7:05zostałeś zalogowany. Wszystko się zgadza,

7:10teraz klikniemy Wyloguj i widzimy zostałeś wylogowany. Jak

7:14zatem widzisz nasz system rejestracji i logowania działa już całkiem sprawnie, natomiast

7:19musimy jeszcze zrobić dwie rzeczy. Mianowicie resetowanie hasła oraz

7:23potwierdzenia adresu email i tym zajmiemy w kolejnych lekcjach.