การยืนยันตัวตนและการอนุญาต

การยืนยันตัวตนและการอนุญาต

บทเรียนนี้ครอบคลุมการยืนยันตัวตนและการอนุญาตใน Angular ซึ่งเป็นหัวใจสำคัญในการรักษาความปลอดภัยให้แอปพลิเคชันของคุณอย่างมีประสิทธิภาพ

• การยืนยันตัวตน ตรวจสอบว่าผู้ใช้เป็นใคร
• การอนุญาต กำหนดว่าผู้ใช้เข้าถึงสิ่งใดได้บ้าง

โดยทั่วไปจะใช้ JWT เพื่อรักษาความปลอดภัยให้แอปพลิเคชัน 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 ซึ่งช่วยเพิ่มความปลอดภัยให้แอปพลิเคชันแล้ว!