Wszystkie powy\u017csze kroki zosta\u0142y om\u00f3wione w Laravelu. Nie musisz pisa\u0107 kodu, aby zbudowa\u0107 ten system tworzenia u\u017cytkownik\u00f3w.<\/p>\n
To powiedziawszy, przyjrzyjmy si\u0119 systemowi rejestracji i logowania u\u017cytkownik\u00f3w w Laravel<\/p>\n
Pierwsze kroki<\/h3>\n
Aby rozpocz\u0105\u0107, powiniene\u015b by\u0107 gotowy z projektem Laravel. Je\u015bli go nie masz, utw\u00f3rz go, uruchamiaj\u0105c polecenie:<\/p>\n
composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\nTutaj 'laravel-dev’ to nazwa projektu Laravel. U\u017cytkownik mo\u017ce zmieni\u0107 t\u0119 nazw\u0119.<\/p>\n
Nast\u0119pnie musisz zintegrowa\u0107 uwierzytelnianie Laravel. Udaj si\u0119 do katalogu g\u0142\u00f3wnego projektu w terminalu i uruchom poni\u017csze polecenia jeden po drugim:<\/p>\n
composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\nPolecenia te stworzy kontrolery uwierzytelniania, takich jak LoginController.php<\/code>, RegisterController.php<\/code>itp, kt\u00f3re znajd\u0105 Pa\u0144stwo w app\/Http\/Controllers\/Auth<\/code>katalogu. Tworzy r\u00f3wnie\u017c pogl\u0105dy login.blade.php<\/code>, register.blade.php<\/code>zgodnie z resources\/view\/auth<\/code>katalogu.<\/p>\nPowy\u017csze polecenia tworz\u0105 r\u00f3wnie\u017c app.blade.php<\/code>plik w resources\/views\/layouts<\/code>katalogu. Ten widok jest podstawowym uk\u0142adem aplikacji. Wykorzystuje framework Bootstrap CSS, ale u\u017cytkownik mo\u017ce go dostosowa\u0107 i zmieni\u0107 projekt.<\/p>\nUruchom polecenie migracji, kt\u00f3re utworzy tabel\u0119 \u201eusers" w Twojej bazie danych.<\/p>\n
php artisan migrate<\/code><\/pre>\nTeraz, je\u015bli uruchomisz projekt Laravel w przegl\u0105darce, zobaczysz linki do formularza logowania i rejestracji.<\/p>\n
![\"System](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20530-608200a2d1ee4.png\")
<\/a><\/p>\nNa tym etapie u\u017cytkownicy mog\u0105 za\u0142o\u017cy\u0107 swoje konto i zalogowa\u0107 si\u0119 do serwisu. Ale jak wspomnia\u0142em powy\u017cej, zanim u\u017cytkownik b\u0119dzie m\u00f3g\u0142 uzyska\u0107 dost\u0119p do systemu, powinien potwierdzi\u0107 swoje konto.<\/p>\n
W kolejnym kroku zobaczymy, jak przeprowadzi\u0107 proces weryfikacji adresu e-mail u\u017cytkownika.<\/p>\n
Weryfikacja adresu e-mail<\/h3>\n
Buduj\u0105c system rejestracji, podczas rejestracji u\u017cytkownika wysy\u0142asz u\u017cytkownikom link aktywacyjny. Ten link aktywacyjny b\u0119dzie s\u0142u\u017cy\u0142 do weryfikacji konta u\u017cytkownika. Gdy u\u017cytkownik kliknie link aktywacyjny, aktywujemy go. Innymi s\u0142owy, po weryfikacji konta u\u017cytkownik mo\u017ce przegl\u0105da\u0107 strony Twojej aplikacji.<\/p>\n
Laravel zapewnia wbudowany system procesu weryfikacji adresu e-mail dla nowo zarejestrowanego u\u017cytkownika. Za pomoc\u0105 tego systemu zarejestrowany u\u017cytkownik otrzyma wiadomo\u015b\u0107 e-mail z linkiem aktywacyjnym. Po aktywacji konta u\u017cytkownik b\u0119dzie m\u00f3g\u0142 uzyska\u0107 dost\u0119p do systemu.<\/p>\n
Otw\u00f3rz AppUser.php<\/code>plik i upewnij si\u0119, \u017ce model \u201eU\u017cytkownik” realizuje IlluminateContractsAuthMustVerifyEmail<\/code>umow\u0119.<\/p>\n<?php\n\u00a0\nnamespace App;\n\u00a0\nuse IlluminateContractsAuthMustVerifyEmail;\nuse IlluminateFoundationAuthUser as Authenticatable;\nuse IlluminateNotificationsNotifiable;\n\u00a0\nclass User extends Authenticatable implements MustVerifyEmail\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n}<\/code><\/pre>\nJak to dzia\u0142a? Je\u015bli sprawdzisz plik migracji, tabela \u201eu\u017cytkownicy” zawiera email_verified_at<\/code>kolumn\u0119. Ta kolumna pos\u0142u\u017cy do sprawdzenia, czy u\u017cytkownik aktywowa\u0142 swoje konto, czy nie. Je\u015bli konto jest aktywowane, w tej kolumnie powinna znajdowa\u0107 si\u0119 data i godzina aktywacji.<\/p>\nPo uruchomieniu polecenia uwierzytelniania tworzy AuthVerificationController<\/code>klas\u0119, kt\u00f3ra ma napisan\u0105 logik\u0119 do wysy\u0142ania link\u00f3w weryfikacyjnych i weryfikacji wiadomo\u015bci e-mail. Deweloper mo\u017ce sprawdzi\u0107 ten plik. Aby zarejestrowa\u0107 niezb\u0119dne trasy dla tego kontrolera, zapisz w routes\/web.php<\/code>pliku poni\u017csze trasy .<\/p>\nAuth::routes(['verify' => true]);<\/code><\/pre>\nU\u017cytkownik mo\u017ce chroni\u0107 swoje trasy, kt\u00f3re powinny znajdowa\u0107 si\u0119 za logowaniem. Aby chroni\u0107 trasy, musisz zastosowa\u0107 si\u0119 middleware('verified')<\/code>do tych tras. Nast\u0119pnie te chronione trasy b\u0119d\u0105 dost\u0119pne tylko dla zweryfikowanych kont.<\/p>\nMo\u017cesz napisa\u0107 kod chroni\u0105cy tras\u0119 w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n
Route::get('profile', function() {\n\u00a0\u00a0\u00a0\u00a0return '<h1>This is profile page<\/h1>';\n})->middleware('verified');<\/code><\/pre>\nJe\u015bli chcesz mie\u0107 kontrol\u0119 nad tym, gdzie przekierowa\u0107 u\u017cytkownika po weryfikacji, otw\u00f3rz AuthVerificationController<\/code>plik. Plik posiada zmienn\u0105, $redirectTo<\/code>kt\u00f3rej u\u017cyje do przekierowania. Zmie\u0144 t\u0119 tras\u0119 zgodnie z wymaganiami.<\/p>\nprotected $redirectTo = '\/home';<\/code><\/pre>\nLogowanie i rejestracja u\u017cytkownika<\/h3>\n
Jeste\u015b teraz gotowy do przetestowania systemu logowania i rejestracji u\u017cytkownik\u00f3w. Poniewa\u017c mamy do czynienia z procesem rejestracji, Tw\u00f3j system powinien by\u0107 w stanie wys\u0142a\u0107 wiadomo\u015b\u0107 e-mail. Do wysy\u0142ania e-maili mo\u017cesz u\u017cywa\u0107 serwera SMTP Gmaila. Aby uzyska\u0107 wi\u0119cej informacji, przeczytaj nasz artyku\u0142 Wysy\u0142anie wiadomo\u015bci e-mail przez serwer SMTP Gmaila w Laravel<\/a>.<\/p>\nUruchom lokalny serwer programistyczny za pomoc\u0105 polecenia:<\/p>\n
php artisan serve<\/code><\/pre>\nUtw\u00f3rz konto u\u017cytkownika na stronie rejestracji tutaj \u2013 http:\/\/localhost:8000\/register<\/a><\/p>\n<\/a><\/p>\nPo przes\u0142aniu formularza otrzymasz link weryfikacyjny na sw\u00f3j e-mail w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n
<\/a><\/p>\nPami\u0119taj, \u017ce Laravel umo\u017cliwia zalogowanie si\u0119 na Twoje konto, nawet je\u015bli jeszcze go nie zweryfikowa\u0142e\u015b. Ale nie mo\u017cesz uzyska\u0107 dost\u0119pu do chronionej trasy.<\/p>\n
Doda\u0142em oprogramowanie po\u015brednicz\u0105ce dla trasy profile<\/code>. Bez weryfikacji konta, je\u015bli spr\u00f3bujesz odwiedzi\u0107 stron\u0119 http:\/\/localhost:8000\/profile<\/a>, nast\u0105pi przekierowanie do adresu URL http:\/\/localhost:8000\/email\/verify<\/a>.<\/p>\n