Route Guards কি?

Question

Route Guards কি?

Accepted Answer

**Route guards** এমন ফাংশন যা **একটি রুটে নেভিগেশন অনুমত কিনা তা নিয়ন্ত্রণ করে**। এগুলি একটি রুট সক্রিয় হওয়ার আগে চলে (বা আপনি একটি ছেড়ে যাওয়ার আগে), যা প্রমাণীকরণ পরীক্ষা, অনুমতি নিয়ন্ত্রণ এবং "অসংরক্ষিত পরিবর্তন" প্রম্পট সক্ষম করে। ## গার্ড প্রকার ```text CanActivate → can the user enter this route? (auth/permission check) CanActivateChild → same, for child routes CanDeactivate → can the user LEAVE? ("you have unsaved changes") CanMatch → should this route even be matched? (feature flags, role-based) resolve → pre-fetch data BEFORE the route activates ``` ## একটি কার্যকরী CanActivate গার্ড (আধুনিক Angular) ```ts import { CanActivateFn, Router } from "@angular/router"; import { inject } from "@angular/core"; export const authGuard: CanActivateFn = (route, state) => { const auth = inject(AuthService); const router = inject(Router); if (auth.isLoggedIn()) { return true; // allow navigation } return router.createUrlTree(["/login"]); // redirect to login }; ``` গার্ড `true` (অনুমতি) বা `false` (ব্লক) অথবা `UrlTree` (পুনর্নির্দেশ) প্রদান করে। আধুনিক Angular **কার্যকর গার্ড** ব্যবহার করে (সাধারণ ফাংশন `inject()` এর সাথে) পুরানো শ্রেণী-ভিত্তিক রুটের পরিবর্তে। ## রুটগুলিতে গার্ড প্রয়োগ করা ```ts export const routes: Routes = [ { path: "dashboard", component: DashboardComponent, canActivate: [authGuard], // protect this route }, { path: "admin", component: AdminComponent, canMatch: [roleGuard], // only match for admins }, ]; ``` ## CanDeactivate — দুর্ঘটনাজনিত ডেটা হ্রাস রোধ করুন ```ts export const unsavedChangesGuard: CanDeactivateFn = (component) => { if (component.form.dirty) { return confirm("You have unsaved changes. Leave anyway?"); } return true; }; ``` এই ক্লাসিক গার্ড ব্যবহারকারীদের সংরক্ষিত সম্পাদনা সহ একটি ফর্ম থেকে দূরে নেভিগেট করার আগে সতর্ক করে। ## গার্ড অ্যাসিঙ্ক হতে পারে ```ts export const authGuard: CanActivateFn = () => inject(AuthService).checkSession().pipe(map(ok => ok || router.createUrlTree(["/login"]))); // guards can return Observable or Promise ``` ## এটি কেন গুরুত্বপূর্ণ গার্ড হল Angular-এ প্রবেশাধিকার নিয়ন্ত্রণ এবং নেভিগেশন নিয়ম প্রয়োগ করার মান, কেন্দ্রীয় উপায় — প্রমাণীকৃত রুট রক্ষা করা, ভূমিকা/অনুমতি দ্বারা গেট করা, প্রস্থান সময় ডেটা হ্রাস প্রতিরোধ করা এবং ডেটা পূর্ব-লোড করা (resolvers)। এই পরীক্ষাগুলি গার্ডে রাখা (উপাদানগুলিতে বিক্ষিপ্ত হওয়ার পরিবর্তে) নিরাপত্তা এবং নেভিগেশন লজিক সামঞ্জস্যপূর্ণ এবং ঘোষণামূলক রাখে; সুরক্ষিত রুটে `authGuard` হল এমন কিছু যা প্রায় প্রতিটি প্রকৃত Angular অ্যাপ্লিকেশন বাস্তবায়ন করে।