Laravel: Generowanie systemu autentykacji

5.8.x

0:00W tej i w kilku kolejnych lekcjach zajmiemy się stworzeniem systemu autentykacji

0:04czyli rejestracji i logowania, przypominania hasła i weryfikacji

0:09adresu email i powiem od razu że laravel bardzo wiele tutaj dla nas

0:13już zrobił czyli nie musimy tej logiki pisać sami możemy ją ewentualnie

0:17dostosować i pokażę w jaki sposób to zrobić. Natomiast zanim przejdziemy dalej chciałbym

0:22żebyś zobaczył, co my tutaj mamy w katalogu app Http controllers

0:26Auth, czyli tutaj nie zaglądałeśmy wcześniej. Tu mamy jeden nasz Controller, natomiast

0:31tutaj wewnątrz jest już kilka kontrolerów i tak naprawdę mamy na przykład RegisterController. Gdybyśmy

0:36przyjrzeli jest tutaj cała logika która pozwoli nam zarejestrować użytkownika

0:41czyli wystarczy na ten Controller na konkretne jego metody

0:45których jak widzisz tutaj nie ma ale zaraz ci pokażę gdzie je znaleźć wystarczy na

0:49te metody skierować routing i na przykład wysłać formularz pod

0:53odpowiedni adres. Wtedy użytkownik zostanie zarejestrowany. Natomiast wydaje się

0:57że tutaj nie ma zbyt wielu metod alelaravel w PHP wykorzystuje coś

1:02takiego jak trait'y i ty i tutaj mamy use register RegeteredUsers

1:06i gdybyśmy tam przeszli, ja sobie wcisnę Command Shift R i tam przeskoczę

1:11to dzięki temu dodatkowi Intellisense który mam zainstalowany i tutaj

1:15zobaczymy całą logikę czyli taki trait to jest coś rodzaju dziedziczenia, takiej

1:19mixiny, czyli wszystkie metody które są tutaj na tamtym kontrolerze również są i okazuje

1:24się że tutaj już mamy pewne metody takie jak przykład show registration form

1:28który zwraca odpowiedni widok tak dalej. My tego widoku nie mamy ale za

1:32moment go utworzymy. Mamy metodę register i jest tutaj wszystko co jest potrzebne i

1:37co ciekawe jeżeli na tym kontrolerze na którym jest ten trait wykorzystywany

1:41nie ma jakieś metody. Znajdziesz ją tutaj ale chciałbyś ją dostosować to

1:45możesz ją napisać czyli możesz całą taką metodę skopiować, wrócić sobie wtedy do

1:49takiego register controller i po prostu ją wkleić i dostosować. Natomiast

1:53skoro te controller'y tutaj są to musimy teraz przygotować sobie odpowiedni routing

1:58i do tego jeszcze widoki i dobra wiadomość jest taka że jeżeli sobie przejdziemy do

2:02naszej wirtualnej maszyny, tutaj gdzie możemy wykonywać php artisan i wpiszemy

2:07php artisan make:auth to dla nas zostanie

2:11wygenerowanych kilka plików. Dokładnie jeżeli byśmy sobie przeszli

2:15do resources views, teraz się tutaj powinien jak odświeżymy, jak

2:20widzisz pojawić taki katalog jak auth i mamy tutaj wszystkie niezbędne widoki

2:24które będą nam potrzebne i mogłeś zobaczyć że ten trait na przykład tutaj zwraca widok auth.register,

2:29z tym że niestety te widoki nie są zbyt dla

2:33nas na ten moment przydatne, oprócz tego że możemy do nich zerknąć co się w nich znajduje, to

2:38nie ma tam nic gotowego co by się przydało dlatego

2:42że jest tutaj jak widzisz na przykład w login czy w register gotowy kod HTML i ten

2:47kod oczywiście nie pasuje naszej strony, on pasowałby do tego pierwszego widoku Welcome

2:51który nas powitał razem laravel'em. Co jeszcze ważne, tutaj laravel przy

2:55tej komendzie stworzył dla nas HomeController który jest nam zupełnie zbędny, dlatego ja

2:59ten plik teraz usunę to również by się przydało jeżeli ten widok Welcome byłby

3:04widoczny gdybyśmy na samym początku sobie wygenerowali te widoki

3:08to one by po prostu się ze sobą zgrywały. I kolejna rzecz jeżeli przejdziemy do web. Tutaj

3:13nam dodał ten HomeController i on nam jest też niepotrzebny. Dlatego usunę. Natomiast

3:17doda nam jeszcze jedno ciekawą rzecz, otóż zarejestrował nam pewne route'y,

3:21pewne ścieżki których my tutaj nie widzimy, ale będziemy mogli je podejrzeć i albo

3:26zostawisz to w takiej formie bo będziesz wiedział sprawdzić gdzie one są albo

3:30sobie je tutaj przepiszesz. Ja pokażę ci jak to zrobić. Przejdźmy sobie raz jeszcze

3:34do terminala i wpiszemy php artisan route:list. To nam

3:38pokaże listę wszystkich zarejestrowanych ścieżek w naszej aplikacji i zauważ, że

3:43właśnie tutaj wywołanie tej metody routes zarejestrowało kilka dodatkowych

3:47ścieżek. Widzimy jaki to jest typ zapytania HTTP. Jaki jest

3:51adres tej ścieżki czyli coś takiego jak wpisywaliśmy tutaj. No i widzimy jej nazwę,

3:55to jest z kolei coś co przypisujemy w tym miejscu i widzimy na jaki kontroler

4:00kieruje. Czyli mamy ścieżkę register, ktora nas będzie interesować i pierwsza

4:04nich jest to taka która pokazuje formularz

4:08rejestracji czyli showRegistrationForm. To jest dokładnie taka ścieżka

4:12i teraz ona jest zarejestrowana Ty nie musisz tutaj nic zmieniać, natomiast ja

4:17preferuję zawsze w tym pliku web mieć ścieżki zdefiniowane w taki sposób, dla

4:21mnie oczywisty i widoczny, dlatego ja sobie to przepisze, nie musisz tego robić to

4:25już kwestia twojej, twoich preferencji. Natomiast ja sobie to zrobię czyl

4:30mamy tutaj te ścieżki, a ja mimo tego chciałbym zarejestrować sobie taką ścieżkę. To

4:34będzie get, podać jej adres. Jak widzisz w tym

4:39przypadku jest to register ale ja chciałbym żeby było to u nas account register. Czyli

4:43jeżeli chcesz zmienić ścieżkę, też musisz to tutaj nadpisać i wkleimy sobie coś takiego,

4:47czyli już nie cały ten adres, ale naszym przypadku tylko ten fragment. Czyli Auth RegisterController showRegistrationForm.

4:55Okej, czyli teraz jeżeli przyjdziemy sobie pod adres account register, to wowała się

5:00metoda showRegistrationForm. No i jak już widzieliśmy

5:04na tym kontrolerze, że możemy to jeszcze sprawdzić. Jeżeli do tego trait'a sobie przejdę,

5:08się showRegistrationForm, ona gdzieś tutaj powinna być, zwróci

5:13na, widok auth.register. Okej czyli teraz jeszcze chciałbym nadać

5:17jej name i nazwiemy sobie to register i teraz

5:23jeżeli byśmy sobie przeszli do

5:28widoku login, który będziemy musieli skopiować to będziemy mogli sobie to podlinkować,

5:32ale zrobimy to za sekundę. Spróbujmy przejść pod account register w naszej aplikacji.

5:36Okej,

5:41jak widzisz taki brzydki widok się nam wczytał, więc będziemy chcieli teraz go

5:45podmienić na nasz który wygląda dobrze. Przy okazji jeszcze jest jeden

5:49plik wydaje mi się który będzie mogli usunąć, zgadza się app.blade, tutaj

5:53został wygenerowany przez laravel'a który też nie jest nam potrzebny i teraz

5:58jeżeli bym odświeżył to będzie błąd, prawdopodobnie, tak że nie mamy takiego layout'u

6:02jak app, ale co ja chcę zrobić, ja chciałbym tutaj register który był, zmienić

6:06jego nazwę na podkreślnik register bo to nam się jeszcze przyda w kolejnej lekcji żeby tam

6:10zaglądnąć. Natomiast chciałbym utworzyć tutaj nowy plik register.blade.php. To

6:16będzie ten nasz, który tutaj będzie zwracany i z katalogu HTML, to co my

6:20tutaj mieliśmy, mamy coś takiego jak register, będę chciał skopiować sobie

6:24tylko tę sekcję. Wklejam ją w tym miejscu, no

6:29i oczywiście będzie nam potrzebna jeszcze cała reszta czyli może zaglądnijmy sobie,

6:33tak jak do sekcji about, skopiujemy coś takiego. Okej,

6:38na końcu zakończymy end section, no i tutaj wystarczy

6:42jeszcze że wpiszemy register. Okej

6:46ten formularz powinien się wyświetlać, jeżeli teraz tutaj przejdziemy. Zgadza się,

6:51no i będziemy mogli dodać mu tutaj jeszcze odpowiedni parametr. Dodamy

6:56w ogóle metodę, czyli method to będzie post. Tutaj

7:02będziemy musieli sobie dodać jakąś ścieżkę. No właśnie ale my razie jeszcze nie wiemy

7:06jaka ona jest więc zwracamy sobie tutaj i sprawdzamy że żeby się zarejestrować to

7:10trzeba wysłać post'a, pod taki właśnie Controller. Znowu, on już

7:14jest zarejestrowany i wystarczy że tutaj byśmy skorzystali z raute register i

7:19zostanie zwrócony, bo on, bo ta ścieżka jest nazwana. W zasadzie to jest nazwana, ale

7:23adres jest ten sam. Natomiast ja chcę znowu sobie to skopiować i tak

7:27jak wspomniałem to tylko kwestia moich prywatnych preferencji. Chciałbym

7:33żebyśmy tutaj zrobili account register czyli zauważ, że ścieżka

7:37jest dokładnie taka sama, ale inny jest typ zapytania, czyli tutaj wysyłany jest get,

7:41kiedy po prostu przeglądarką przechodzimy na tą stronę. To jest zapytanie o typie get, a

7:45kiedy wyślemy formularz, będzie post, więc może być dokładnie taki sam adres. Okej i

7:51jej już musimy nazywać dlatego że skorzystamy tej nazwy i zwróci nam to dokładnie

7:55taką samą ścieżkę. Dlatego teraz tutaj powiemy, że chcemy ten formularz wysyłać pod

8:00ścieżkę, która ma nazwę register. Okej,

8:04jeżeli tutaj teraz przejdziemy, odświeżę, wyślę

8:09to zobaczymy, co tutaj, co się stanie. Page Expert, no

8:13właśnie dlaczego dzieje coś takiego? Czasami możesz coś takiego zobaczyć być

8:17zdziwionym. Otóż, okazuje się że musimy tutaj w tym

8:21formularzu zawsze podawać takie pole która się nazywa csrf. Jeszcze

8:26to sobie zrobimy, a w kolejnej lekcji przejdziemy już do reszty tutaj naszego

8:31zadania. W laraverze wystarczy wewnątrz formularza wpisze wpisać csrf,

8:35coś takiego. Odświeżymy i teraz byśmy sobie zaglądali

8:39tutaj do źródła strony, zobacz, to

8:43okaże się że jest tutaj wygenerowane ukryte pole podkreślnik token i laravel

8:47automatycznie przez jeden z middleware, czyli z takiej funkcji pośredniczących przy zapytaniu, będzie

8:52sprawdzał czy ten token jest. Jeżeli go nie ma, to nie pozwoli nam przyjąć danych

8:56takiego formularza i dzięki temu na przykład pod adres account register,

9:00nie będzie ktoś mógł zewnętrznych serwerów wysyłać zapytania o typie post i się

9:04rejestrować. Będzie najpierw musiał mieć taki token, a on jest możliwy do pobrania

9:08wyłącznie jeżeli ktoś tą stronę rzeczywiście odwiedzi. Okej, więc teraz

9:13jeżeli byśmy wysłali, to się okaże że nic się nie wydarzyło, ale błędu również nie

9:17ma. Natomiast tak naprawdę pojawiają się błędy, tylko my ich nigdzie nie wyświetlamy i

9:21tym zajmiemy w lekcji kolejnej.