මොඩියුලය 3

Authentication සහ Dashboard


1 Laravel Starter Kits යනු මොනවාද?

Laravel Starter Kits යනු ඕනෑම වෙබ් යෙදුමකට පාහේ අවශ්‍ය වන මූලික Authentication පද්ධතිය සූදානම් කර දෙන පැකේජයන්ය. මෙමගින් ඔබට යෙදුමේ ප්‍රධානම කාර්යයන් සඳහා අවධානය යොමු කිරීමට ඉඩ ලබා දෙමින්, සංවර්ධන කාලය විශාල ලෙස ඉතිරි කර දෙයි.

Laravel Breeze යනු සරල, Tailwind CSS සහ Blade templates භාවිතයෙන් නිර්මාණය කර ඇති, සම්පූර්ණ authentication පද්ධතියක් ලබා දෙන, ආරම්භකයින් සඳහා වඩාත් සුදුසු starter kit එකයි.

2 Laravel Breeze ස්ථාපනය කිරීම

Breeze ස්ථාපනය කිරීම ඉතා සරල පියවර කිහිපයකින් සමන්විත වේ. ඔබගේ command prompt (terminal) එකේ, ව්‍යාපෘති ෆෝල්ඩරය තුළ සිට පහත විධාන ක්‍රියාත්මක කරන්න.

පියවර A: Breeze පැකේජය Composer මගින් ලබාගැනීම

composer require laravel/breeze --dev

පියවර B: Breeze ස්ථාපනය කිරීම

දැන්, `breeze:install` artisan විධානය ක්‍රියාත්මක කරන්න. මෙහිදී Laravel ඔබෙන් ප්‍රශ්න කිහිපයක් අසනු ඇත. අපගේ පාඨමාලාව සඳහා, **Blade with Alpine** විකල්පය තෝරාගන්න.

php artisan breeze:install

ඉන්පසු අසන ප්‍රශ්න සඳහා `yes` හෝ default අගයන් ලබා දෙන්න.

පියවර C: NPM Dependencies සහ Database Migration

අවසාන වශයෙන්, අවශ්‍ය JavaScript පැකේජ ස්ථාපනය කර, දත්ත සමුදාය migrate කරන්න.

npm install npm run build php artisan migrate
3 Breeze මගින් ජනනය වන ගොනු සහ Middleware

`breeze:install` විධානයෙන් පසුව, ඔබගේ ව්‍යාපෘතියට නව ගොනු රාශියක් එක්වී ඇති බව ඔබට පෙනෙනු ඇත:

  • Routes: `routes/auth.php` නමින් නව ගොනුවක්. Login, Register, Logout සඳහා වන සියලුම web routes මෙහි අඩංගු වේ.
  • Controllers: `app/Http/Controllers/Auth/` ෆෝල්ඩරය තුළ authentication ක්‍රියාවලිය හසුරුවන සියලුම logic අඩංගු controllers.
  • Views: `resources/views/auth/` සහ `resources/views/layouts/` ෆෝල්ඩර තුළ පිවිසුම්, ලියාපදිංචි වීමේ ෆෝරම සහ dashboard layout එක සඳහා වන blade ගොනු.
Middleware සමඟ පිටු ආරක්ෂා කිරීම

යම් පිටුවකට පිවිසිය හැක්කේ ලොග් වූ පරිශීලකයින්ට පමණක් යැයි සීමා කිරීමට, එම route එක `auth` middleware එකෙන් සමන්විත group එකක් තුළට දැමිය යුතුය. Breeze මගින් `dashboard` route එක `routes/web.php` ගොනුවේ එලෙස සකසා ඇත.

Route::get('/dashboard', function () { return view('dashboard'); })->middleware(['auth', 'verified'])->name('dashboard');

⭐ ප්‍රායෝගික පැවරුම: Authentication පද්ධතිය පරීක්ෂා කිරීම

දැන් ඔබගේ සම්පූර්ණ authentication පද්ධතිය සූදානම්. එය පරීක්ෂා කර බලමු.

පියවර 1: Development Server එක ක්‍රියාත්මක කරන්න

php artisan serve

පියවර 2: නව ගිණුමක් ලියාපදිංචි කරන්න

බ්‍රව්සරයේ `http://127.0.0.1:8000/register` වෙත පිවිස, ඔබගේ නම, ඊමේල් ලිපිනය සහ මුරපදයක් ලබා දී නව ගිණුමක් සාදන්න.

පියවර 3: Dashboard එකට පිවිසෙන්න

සාර්ථකව ලියාපදිංචි වූ පසු, Laravel ඔබව ස්වයංක්‍රීයව `/dashboard` පිටුව වෙත යොමු කරනු ඇත.

පියවර 4: Logout වී නැවත Login වන්න

Dashboard එකේ ඇති Logout බොත්තම ඔබා, ඉන්පසු `http://127.0.0.1:8000/login` වෙත ගොස් ඔබ දැන් සෑදූ ගිණුමෙන් නැවත පිවිසෙන්න.

ඔබට මෙම සියලුම පියවර සාර්ථකව සිදුකළ හැකි නම්, ඔබ මෙම මොඩියුලය සම්පූර්ණ කර ඇත!

‹‹ පෙර මොඩියුලය (Module 2) ඊළඟ මොඩියුලය (Module 4) ››