ang 2アプリケーションをspring-oauth2サーバーに接続する方法は？

Question

私は 'spring-cloud-oauth2'と 'spring-cloud-security'で保護されたoauth-serverを持っています。アプリケーションはスプリングブートアプリケーションです。私は角度2アプリからaccess_tokenを取得しようとしています。つまり、角度2アプリからログインしたいと思っています。私のoauth-serverでは、私はclient-id = microserviceとclient-secret = microservicesecretを持っています。 私はpostmanからoauth-serverを確認しました。ここで、認証セクションで、ユーザー名とパスワードはそれぞれclient-idとclient-secretを使用しています。 bodyセクションでは、grant_type = password、client_id = microservice、username=m@email.com、password = passw0rdを使用しています。

しかし、角度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がユーザーによって挿入されます。 トークンURLは

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

である。しかし、私は401エラーをgettngています。私は解決策が必要です。

Answer 1

郵便受けなどでトークンを取得しようとしましたか？ HTTP 401を取得する理由はたくさんあります。春の認証サーバーログとリクエストの詳細を投稿すると、理解するのがより明確になります。

私のログイン機能を共有しているのは、Spring Boot Auth Serverによってうまく機能しています。私は、 'client_id'と 'client_secrete'の代わりに、Basic BASE64 TokenでAuthorization Hedarを使用します。

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); }); 

}