Module 3 – User Authentication (ලියාපදිංචිය සහ ඇතුල්වීම)

මේ කොටසින් අපි අපේ වෙබ් අඩවියට පරිශීලකයින්ට ලියාපදිංචි වීමට (Register) සහ ඇතුල් වීමට (Login) අවශ්‍ය system එක හදාගන්නවා. Laravel වලදී මේක හරිම පහසුයි!

පියවර 1: Laravel/UI Package එක Install කිරීම 📦

Login/Register පිටු ඉතා ඉක්මනින් හදාගැනීම සඳහා Laravel අපට `laravel/ui` නමින් package එකක් ලබා දෙනවා. අපි මුලින්ම එය අපේ project එකට install කරගමු.

ඔබේ Terminal එකේ, project folder එක තුළට ගොස් පහත command එක run කරන්න.

composer require laravel/ui

මෙමගින් අවශ්‍ය සියලුම files අපේ project එකට download වනු ඇත.

පියවර 2: Authentication Scaffolding එක Generate කිරීම 🏗️

දැන් අපි install කරගත් package එක භාවිතයෙන් Login/Register පිටු වලට අදාල Views, Routes, සහ Controllers ස්වයංක්‍රීයව හදාගමු. අපි Bootstrap design එක භාවිත කරන නිසා පහත command එක දෙන්න.

php artisan ui bootstrap --auth

මෙම command එක run කළ පසු, ඔබට `npm install && npm run dev` ලෙස command දෙකක් run කරන්න කියා පණිවිඩයක් පෙන්වයි. ඒ, අපේ CSS සහ JavaScript file ටික compile කරගැනීමටයි. ඒ command දෙක එකින් එක run කරන්න.

npm install
npm run dev
සටහන: `npm` command එක වැඩ කිරීමට ඔබේ පරිගණකයේ Node.js install කර තිබිය යුතුය.

පියවර 3: Database Migration කිරීම ⛓️

User ගේ තොරතුරු (නම, email, password) ගබඩා කර තබාගැනීමට අපේ database එකේ `users` නමින් table එකක් අවශ්‍ය වෙනවා. Laravel project එකක් හදනකොටම මේ table එකට අදාල migration file එක සෑදී ඇත. අපි දැන් එය database එකේ හදාගැනීමට migrate කරමු.

php artisan migrate

මෙය සාර්ථකව run වූ පසු, ඔබේ `pizza_app` database එකේ `users`, `password_resets` වැනි tables කිහිපයක් සෑදී ඇති බව phpMyAdmin හරහා බලාගන්න.

පියවර 4: Authentication පරීක්ෂා කිරීම ✅

දැන් සියල්ල සූදානම්! අපි බලමු අපේ system එක වැඩ කරනවද කියලා. නැවතත් project එක serve කරන්න.

php artisan serve

දැන් `http://127.0.0.1:8000` වෙත ගිය විට, ඔබට වෙබ් පිටුවේ ඉහල දකුණු කෙළවරේ **"LOGIN"** සහ **"REGISTER"** ලෙස අලුත් link දෙකක් පෙනේවි.

  1. **Register** link එක click කරන්න.
  2. එන form එකේ ඔබේ නම, email, සහ password ඇතුළත් කර Register button එක ඔබන්න.
  3. ඔබව `/home` හෝ `/dashboard` නමැති පිටුවකට redirect වේවි. ඒ කියන්නේ ඔබ සාර්ථකව register වී login වූ බවයි!
  4. දැන් ඉහල දකුණු කෙළවරේ ඇති ඔබේ නම click කර **Logout** වන්න.
  5. නැවත **Login** link එක click කර, ඔබ register වීමට යොදාගත් email සහ password දී ඇතුල් වී බලන්න.

ඔබට මේ සියල්ල සාර්ථකව කරගැනීමට හැකි වුනා නම්, ඔබ සම්පූර්ණ Authentication System එකක් නිර්මාණය කර අවසන්!

නියමයි! Command කිහිපයකින් අපි අපේ system එකට ලොකු ආරක්ෂාවක් සහ පහසුවක් එකතු කරගත්තා. ඊළඟ කොටසින් අපි අපේ Pizza සහ Orders වලට අදාලව Database Tables හදන හැටි ඉගෙන ගමු.

« පෙර පාඩම: Project Setup ඊළඟ පාඩම: Database & Models »