如何集成AngularJS和Spring-OAuth2？

Question

我已经使用Spring-Boot-1.3.1开发了Spring-Rest API。然后，我为这些API提供了Spring-OAuth2安全性。它位于Apache Tomcat中的一个单独项目中。我开发的APIS：

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

Spring-Oauth2默认提供如下接口：

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

和一些更高级的api。

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

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

Answer 1

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

步骤：

1. 发送登录凭据以/oauth/token
2. catch响应，提取令牌并将其添加到$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")
                }
            });