So authentifizieren Sie Spring Boot OAuth2 JWT von ionic

Question

Ich habe eine Spring Boot OAuth2 JWT MySQL wie angegeben here erstellt und festgestellt, der Benutzer authentifiziert, wenn ich die Curl-Anfrage wie unten ausgeführt.

curl -X POST -vu clientapp:123456 http://localhost:8080/oauth/token -H "Accept: application/json" -d "password=papidakos123&username=papidakos&grant_type=password&scope=read%20write&client_secret=123456&client_id=clientapp" 

Jetzt brauche ich für meine ionische Anwendung dieses als Back-End zu verwenden, aber ich bin neu in dieser ionischen Anwendungsentwicklung und weiß nicht, wie zu meiner Feder Sicherheit oauth2 Server aus der ionischen Anwendung zu authentifizieren .Ich habe es gegoogelt, aber die meisten von ihnen sind mit Social Signing mit Google, Facebook, etc.Ich habe keine Ahnung über Authentifizierungsprozess von der ionischen Frontend und Speichern der Zugriffs- und aktualisieren Tokens und zugewiesenen Rollen.Bitte helfen Ich entwickle das mit einem Beispiel.

Answer 1

Mit dem http Modul Sie eine POST Anfrage an den Server tun, und dann können Sie Ihr Token in localstorage speichern NativeStorage

constructor(public nativeStorage : NativeStorage){ 

} 

postRequest() { 
    var headers = new Headers(); 
    headers.append("Accept", 'application/json'); 
    headers.append('Content-Type', 'application/json'); 
    let options = new RequestOptions({ 
    headers: headers 
    }); 


    let postParams = { 
    password: papidakos123, 
    username: papidakos, 
    grant_type: password, 
    scope = read % 20 write, 
    client_secret = 123456, 
    client_id = clientapp 
    } 

    this.http.post("http://localhost:8080/oauth/token", postParams, options) 
    .subscribe(data => { 
     if(data.success){ 
     //Handle success 
     //this.nativeStorage.set('token',data.token).catch(err=>{ 
     //handle storage error 
     }); 
    } 
    }, error => { 
     console.log(error); 
    }); 
} 

mit auf die Antwort Je Sie RxJS können den Login-Zustand zu setzen der Benutzer. Siehe hierzu Github Source