المصادقة والتفويض

يتناول هذا الدرس المصادقة والتفويض في Angular، وهما عنصران أساسيان لتأمين تطبيقاتكم بفعالية.

المصادقة مقابل التفويض

• المصادقة تتحقق من هوية المستخدم.
• التفويض يحدد الموارد التي يمكن للمستخدم الوصول إليها.

JWT (JSON Web Token)

تُستخدم JWTs عادةً لتأمين تطبيقات Angular من خلال ترميز معلومات مصادقة المستخدم بأمان.

تخزين الرموز

خزّنوا رموز JWT بأمان، وعادةً باستخدام آليات تخزين المتصفح مثل localStorage أو sessionStorage:

localStorage.setItem('token', token);

إضافة الرمز إلى الطلبات

استخدموا معترضات HTTP لإضافة رموز المصادقة تلقائيًا إلى طلبات API:

const authReq = req.clone({ headers: req.headers.set('Authorization', token) });

حماية المسارات

أمّنوا المسارات باستخدام حراس المسارات في Angular لضمان تمكّن المستخدمين الذين تمت مصادقتهم فقط من الوصول إلى الأجزاء الحساسة من تطبيقكم.

{ path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }

التفويض القائم على الأدوار

طبّقوا التحكم في الوصول القائم على الأدوار (RBAC) لمنح أذونات مختلفة استنادًا إلى أدوار المستخدمين.

تسجيل الخروج

طبّقوا وظيفة تسجيل الخروج لمسح رموز المصادقة بأمان وإعادة توجيه المستخدمين:

localStorage.removeItem('token');

الملخص

لقد تعلّمتم كيفية تطبيق المصادقة والتفويض في Angular، مما يعزز أمان تطبيقكم!