如何使用spring-oauth2服務器連接角度2應用程序？

Question

我有一個使用'spring-cloud-oauth2'和'spring-cloud-security'進行安全保護的oauth-server，並且該應用程序是一個spring-boot應用程序。我試圖從角度2應用獲取access_token，即我想從角度2應用登錄。在我的oauth-server中，我有一個client-id = microservice和client-secret = microservicesecret。 我已經檢查了郵遞員oauth-server，在授權部分中，用戶名和密碼分別使用客戶端ID和客戶端密碼。在body部分，我使用grant_type = password，client_id = microservice，username=m@email.com，password = passw0rd，並且一切都很好。

但是，我在使用angular 2應用程序中的配置時遇到了問題。我已經使用了下面的代碼片段。

userLogin(){ 
    console.log("In the userLogin()"); 
    var username:string='microservice'; 
    var password:string='microservicesecret'; 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    headers.append('grant_type','password'); 
    headers.append('client_id','microservice'); 
    headers.append('client_secret','microservicesecret'); 
    headers.append('username',this.user.userEmail); 
    headers.append('password',this.userPassword); 
    console.log("User"); 
    console.log(this.user); 
    console.log(headers); 
    console.log(JSON.stringify({username:username,password:password})); 
    var data = "username=" + username + "&password=" + password ; 


    this.http 
     .post(this.loginUrl, 
     JSON.stringify({user,password}), 
     {headers} 
    ) 
     .map(res=>res.json()) 
     .map((res)=>{ 
     if(res.success){ 
      console.log("Success"); 
      localStorage.setItem('access_token',res.access_token); 
      console.log("Access token"); 
      console.log(res.access_token); 
     } 
     }); 
    } 

此處userEmail和userPassword由用戶插入。 令牌網址是

loginUrl:string="http://localhost:9000/services/oauth/token"; 

但是，我gettng 401錯誤。我需要解決方案。

Answer 1

你是否試圖通過郵差或類似的東西獲得令牌。獲得HTTP 401的原因有很多。如果您發佈春季auth服務器日誌和請求詳細信息，那麼理解起來會更清楚。

我通過Spring Boot Auth Server共享我的登錄功能。我使用基本BASE64令牌的Authorization Hedar，而不是使用'client_id'和'client_secrete'。

public login(username: string, password: string): Observable<TokenModel> { 
let headers = new Headers(); 
headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
headers.append('Accept', 'application/json'); 
headers.append('Authorization', '**Basic BASE64TOKEN!!**'); 

let options = new RequestOptions({ headers: headers }); 

let params = new URLSearchParams(); 
params.append('username', username.valueOf()); 
params.append('password', password.valueOf()); 
params.append('scope', this.scope); 
params.append('grant_type', this.grant_type); 

return this.http.post(this.accessTokenUri, params.toString(), options) 
    .map(response => { return <TokenModel>response.json(); }) 
    .do(token => { 
    this.storageService.setStorage('id_token', token.access_token); 
    }) 
    .catch(error => { return this.handleError(error); }); 

}