angularjs - 如何集成 AngularJS 和 Spring-OAuth2？

Question

我使用 Spring-Boot-1.3.1 开发了 Spring-Rest API。然后我为这些 API 提供了 Spring-OAuth2 安全性。这作为单个项目驻留在 Apache Tomcat 中。我开发的 API：

GET -> /api/articles
GET -> /api/articles/1
POST -> /api/articles

Spring-Oauth2 默认提供以下 API：

POST -> /oauth/token
POST -> /oauth/authorize

和一些更多的 api。

现在我正在开发 AngularJS UI，它将驻留在不同的服务器 - Apache2-Http 服务器中。

我需要知道如何将 angularJS 登录页面与 Spring-OAuth2 保护的 Spring-REST 集成？

Answer 1

您可以使用以下库来管理令牌 angular-oauth2

脚步：

1. 将登录凭据发送到 /oauth/token
2. 捕获响应，提取令牌并将其添加到 $http 默认标头，以便令牌将随每个请求一起发送

Answer 2

使用代码：

var data = "username=" + user.email + "&password=" + encodeURIComponent(user.password) + "&grant_type=password&scope=read%20write&" +
                    "client_secret=secret&client_id=frontend";



            $http.post(portalResources.login, data, {
                headers: {
                    "Content-Type": "application/x-www-form-urlencoded",
                    "Accept": "application/json",
                    "Authorization": "Basic " + $base64.encode("frontend" + ':' + "secret")
                }
            });