身份验证与授权

本课将介绍 Angular 中的身份验证和授权，这是有效保护应用安全的关键。

身份验证与授权

• 身份验证用于验证用户的身份。
• 授权用于确定用户可以访问哪些内容。

JWT（JSON Web 令牌）

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 中实现身份验证和授权，从而提升应用的安全性！