Cad iad route guards?

Question

Accepted Answer

**Route guards** ná feidhmeanna atá i nrialú ar **cibé acu an bhfuil foluain chuig/ó bhealach ceadaithe**. Rithíonn siad roimh ghníomhachtú an bhealach (nó sula bhfágann tú ceann amháin), rud a bhíonn ina dhéadhábla ar dhílsithe fíorúcháin, rialú ceada, agus fógra "athruithe gan sábháil". ## Na cineálacha garde ```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 ``` ## Garde CanActivate feidhmiúil (Angular nua-aimseartha) ```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 }; ``` Filleann garde ar `true` (ceadú), `false` (bac) nó `UrlTree` (atreorú). Úsáideann Angular nua-aimseartha **gardeanna feidhmiúla** (feidhmeanna simpli le `inject()`) in ionad na seandruide bhunaithe ar dhroichoinníonn. ## Feidhmeanna a chur i bhfeidhm ar bhealai ```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 — coscairt a dhéanamh ar chaillteanas sonraí neamhthúalach ```ts export const unsavedChangesGuard: CanDeactivateFn = (component) => { if (component.form.dirty) { return confirm("You have unsaved changes. Leave anyway?"); } return true; }; ``` Tuaigeann an garde clasaiceach seo úsáideoirí sula mbogann siad ar shiúl ó fhoirm le breiseanna gan sábháil. ## Is féidir le gardeanna a bheith eatramhach ```ts export const authGuard: CanActivateFn = () => inject(AuthService).checkSession().pipe(map(ok => ok || router.createUrlTree(["/login"]))); // guards can return Observable or Promise ``` ## Cén fáth a bhí sé tábhachtach Tá gardeanna ina mbealach caighdeánach, lárnach chun rialú rochtana agus rialacha foluain a fhorfheidhmiú in Angular — bealaí fíoraithe a dhíonta, a restringe de réir róil/ceada, caillteanas sonraí ar fhágáil a chosc, agus sonraí a réamh-líonadh (resolvers). Na cangréan a chur i ngardeanna (in ionad a bheith scaipthe i gcomhpháirteanna) a choinneáil ar an tslánachair agus loighic foluain comhsheasmhach agus dhéamhach; tá an `authGuard` ar bhealai dídhartha ina rud a bhíonn i bhfeidhm ag beagnach gach fhíoraigh Angular.