angularjs - key 斗篷， Angular : Authorization on demand

Question

我想知道如何实现由 Keycloak 保护的 Angular 应用程序，以保护某些资源的方式。

例如。:

未经授权的用户访问 http://localhost:8000/#/ 公众 -> 用户未重定向

未经授权的用户访问 http://localhost:8000/#/ 私有(private) -> 用户重定向到 keycloak 登录页面

Answer 1

您可以使用 Angular ngRouter或 uiRouter去做这个。这两个都有 resolve在他们的路线/状态定义中发挥作用。

每次点击 URL 时，您都可以使用 token 与后端 (Keycloak) 验证路径是否安全，并相应地路由用户。

您可以使用拦截器向每个请求添加身份验证 token 等，就像这样

$httpProvider.interceptors.push('authInterceptor');

This是使用 Angular 和 JWT 进行身份验证的一个很好的教程，并且这些概念可以扩展到任何身份验证机制，无论是 oAuth 还是 Keycloak