הכירו את @rxweb/angular-router : התמודד עם ניתוב זוויתי טוב יותר 🚀

היכולת של נתב זוויתי לבנות יישומי SPA התומכים במספר מסלולים מספקת שימוש ב-HTML בודד עם כל הפונקציונליות בכל האפליקציה ועיבוד ממשק המשתמש על סמך המסלול, בנוסף להגדיר שומרי נתיב להענקה והסרה של הגישה, וזה די מגניב .😀

היבטים נוספים שיש לטפל בהם בעת פיתוח אפליקציה עם אבטחה ברמה גבוהה הם אימות והרשאה כך שהם מבוצעים בנפרד גם בצורה מרוכזת, שומר יחיד לניהול גישה ומטפל בפעולות לפני מסלול לניהול הנתונים של האפליקציה, כיצד מנוהלים אלה באפליקציה זוויתית ומהם האתגרים ברמה הגבוהה שעומדים בפניהם ?????🤨

מה לא קיים?

1. אוריינטציה מרכזית לטיפול בהרשאה ואימות מראש מסלול עם הפרדת חששות
2. פתרון משתמש גלובלי לפני אתחול הרכיבים
3. נהל גישה גלובלית בהתבסס על תפקיד המשתמש
4. יחיד CanActivate לכל המסלולים לטיפול בחוקים עסקיים מורכבים בנפרד
5. תוכנות מידול עולמיות ורכיבים

למה @rxweb/angular-router?

• דקורטור המוצהר במודול השורש עם התפקיד לטפל באימות, הרשאות ותוכנות ביניים לאורך האפליקציה מנוהלים בנפרד
• שומר CanActivate יחיד עם כל המסלולים
• בדיקת גישה לפי רכיב
• הצפנה מרכזית של כתובת URL

עם @rxweb/angular-router

מה זה @rxweb/angular-router?

@rxweb/angular-router היא חבילה לניהול מסלולים באפליקציה זוויתית יחד עם הרשאה, אימות בצורה אינטואיטיבית ומופרדת.

זה בא עם פישוט של פעולות שיש לבצע בכל פעם שהמשתמש מפנה מחדש למסלול והנתונים מעובדים, מה שמגדיל את תחזוקת של מודול הנתב ביישום הזוויתי שלנו ועוזר להימנע משימוש במספר שומרים בזמן ביצוע היישום עִקבִי.

השימוש

התקנה:

npm התקן את @rxweb/angular-router

הוסף את הדברים הבאים בהצהרת הייבוא ​​ב-app.module.ts

import { RxRoutingModule } from '@rxweb/angular/router';

כפי שדיברנו, נראה כיצד להשתמש בהרשאה, אימות ותוכנות ביניים באופן גלובלי באמצעות עיצוב יחיד @routerModule.

השמיים @routerModule מוצהר ב-app.module.ts כמפורט להלן

@routerModule({ authentication:, authorization :, middlewares : [] })
@NgModule({...})
export class AppModule { }

אנו נוסיף ערכים למאפיינים אלה בזה אחר זה על ידי המדריך המפורט להלן:

באותו אופן נעשה https://www.codementor.io/@ushmidave905/simplified-way-to-perform-authentication-in-angular-routing-1ecfy6paac?published=1

ליישום הרשאה, עיין ב דרך פשוטה לביצוע אימות בניתוב זוויתי

סיכום

במאמר זה למדנו על @rxweb/angular-router והיתרונות שלו ועל חלקי ההדרכה של ההטמעה ב-@routerModule, יחד עם ההטמעה הגלובלית הוא מכיל גם הרשאה מבוססת הנחיות, תוכנות ביניים מבוססות רכיבים ורמת גישה.

• הפצת תוכן ויחסי ציבור מופעל על ידי SEO. קבל הגברה היום.
• Platoblockchain. Web3 Metaverse Intelligence. ידע מוגבר. גישה כאן.
• מקור: https://www.codementor.io/ushmidave905/introducing-rxweb-angular-router-handle-angular-routing-better-1ecfthp45v