Jak stworzyć system autoryzacji użytkowników w Laravelu w 3 minuty?

Zastanawialiście się jak szybko można wygenerować system autoryzacji użytkowników włączając system logowania, rejestracji oraz resetu hasła. W Laravelu można to wykonać za pomocą 7 komend bez pisania kodu. Mówię o bardzo prostym systemie autoryzacji używając Laravel Auth.

Tworzenie projektu

W tej serii wpisów będę wykonywał inny projekt. Będę tworzył prostą aplikację 10 ideas, czyli wypisujemy 10 pomysłów na coś. Np. 10 sposobów jak efektywnie uczyć się programowania i 10 wypisujemy rzeczy na tej liście. Więc zacznijmy od stworzenia nowego projektu.

Pierwszą rzeczą jaką musimy zrobić jest oczywiście wygenerowanie struktury katalogów, możemy to zrobić następującą komendą:

composer create-project --prefer-dist laravel/laravel 10ideas

W ten sposób utworzymy katalog 10ideas, gdzie będzie znajdował się nasz cały projekt.

Kolejną rzeczą jest skonfigurowanie swojej bazy danych. Możemy to w pliku .env gdzie podajemy parametry do naszej bazy danych, którą wcześniej utworzyliśmy:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=10ideas
DB_USERNAME=root
DB_PASSWORD=

W ścieżce naszego projektu database/migrations znajdują się nasze migracje do bazy danych, czyli polecenia do modyfikacji bazy danych. Obecnie nasza baza danych jest pusta, więc stwórzmy w niej m.in. tabelę users, gdzie będziemy przechowywać dane o użytkownikach. Strukturę możesz znaleźć w pliku database/migrations/2014_10_12_000000_create_users_table.php. Wykonajmy migrację poleceniem:

php artisan migrate

Powinniśmy otrzymać informację że nasza migracja powiodła się:

Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (50.93ms)
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table (60.84ms)
Migrating: 2019_08_19_000000_create_failed_jobs_table
Migrated:  2019_08_19_000000_create_failed_jobs_table (42.80ms)

Budujemy system autoryzacji

Metod Autoryzacyjnych użytkownika w Laravelu jest wiele m.in. Laravel Passport, JTW, czy nowy Jetstream lub Sanctrum . Więcej możesz w dokumentacji Laravela. Ostatnio Laravel zaczął wspierać Tailwind.css, my wykorzystamy Vue.js do naszego projektu, gdzie wykorzystamy go do zbudowania Single Page Application. Dlatego wykorzystamy zależność Laravel/UI. Zainstalujemy ją za pomocą polecenia:

composer require laravel/ui

Kolejną rzeczą będzie wygenerowanie szkieletu autoryzacji użytkownika. W tym celu posłużymy się poleceniem:

php artisan ui vue --auth

To polecenie wygeneruje nam interfejs autoryzacyjny użytkownika. Dodatkowo możemy zainstalować zależności frontendowe do projektu może np. Bootstrap, React lub Vue.

Przedostatnią rzeczą jaką musimy zrobić jest zainstalowanie zależności NPM-a w projekcie z pliku package.json. W tym celu wykonajmy polecenie:

npm install 

Sama instalacja nie wystarczy, jeszcze musimy skompilować nasz kod:

npm run dev

Polecenie to pozwoli nam skompilować kod w trybie developerskim.

Uruchommy naszą aplikację i sprawdźmy czy działa poprawnie. Możemy to wykonać poleceniem:

php artisan serve

W nowym Laravelu 8 powinniśmy ujrzeć poniższe okno startowe:

Trochę ekran powitalny się zmienił od ostatniej wersji, wydaje mi się że na plus. Pod adresem: http://127.0.0.1:8000/register możemy założyć konto w aplikacji. Jeśli wypełniliśmy poprawnie formularz powinniśmy ujrzeć okno że poprawnie zostaliśmy zalogowani do aplikacji:

Podsumowanie

Jak widzisz za pomocą 7 komend, bez kodowania jesteś w stanie w mniej niż 3 minuty. Jest to dosyć szybki i przyjemny sposób. Jak widzisz Laravel nie jest trudny, a wiele rzeczy upraszcza. Pamiętam kiedyś kilka lat temu, gdy nie znałem Laravela, prosty system autoryzacji użytkownika w czystym PHP + HTML, zajmował mi około 2h.

Przydatne linki:

• Kod projektu
• Zmiany w kodzie
• Jak zaktualizować wersję frameworka Laravel