2016-09-13 6 views
0

私は休憩サービスを利用しようとしていますが、春のバックエンドからangularjsのWebサービスを呼び出す方法を知らず、私はangjsで春のバックエンドで書いたjson webベースのトークンをどのように統合するのですか?AngularJSでこれらの2つのレストサービスを使用する方法、また春のバックエンドからjwtのリクエストを呼び出す方法

Webサービス1:管理者のためにログイン

URL: <http://200.201.4.12:8080/liberary/authenticateUser> 
Request type: POST 
Header type: Content-Type application/json 
Parameters: { 
    "username":"darek", 
    "password":"dark99" 
} 

Webサービス1:ユーザのログイン

URL: <http://200.201.4.12:8080/liberary/authenticateUser> 
Request type: POST 
Header type: Content-Type application/json 
Parameters: { 
    "username":"polo", 
    "password":"polo33" 
} 

マイコードは次のとおりです。

authService.login = function(user, success, error) { 
    $http.post('misc/users.json').success(function(data) { 
     //this is my dummy technique, normally here the 
     //user is returned with his data from the db 
     var users = data.users; 
     if(users[user.username]){ 
      var loginData = users[user.username]; 
      //insert your custom login function here 
      if (user.username == loginData.username && user.password == loginData.username) { 
       //set the browser session, to avoid relogin on refresh 
       $window.sessionStorage["userInfo"] = JSON.stringify(loginData); 

       //delete password not to be seen clientside 
       delete loginData.password; 

       //update current user into the Session service or $rootScope.currentUser 
       //whatever you prefer 
       Session.create(loginData); 
       //or 
       $rootScope.currentUser = loginData; 

       //fire event of successful login 
       $rootScope.$broadcast(AUTH_EVENTS.loginSuccess); 
       //run success function 
       success(loginData); 
      } else { 
       //OR ELSE 
       //unsuccessful login, fire login failed event for 
       //the according functions to run 
       $rootScope.$broadcast(AUTH_EVENTS.loginFailed); 
       error(); 
      } 
     } 
    }); 
}; 

答えて

0

ますJSONファイルで$http.postを使用している(それは

どこから来るのか分からないあなたは、あなたのWebサービスのURL +データ

$http.post('http://200.201.4.12:8080/liberary/authenticateUser', 
    {"username" : "polo", "password" : dark99}).then(function(data){ 

    //Do what you want with the data returned from your webservice 
}, function(error){ 
    //Handle error 
}); 

NOTEに置き換える必要があります:あなたが唯一である Webサービスを持っています上に位置しています200.201.4.12:8080

+0

あなたの答えは正しいので、私は一時的にjsonファイルからフロントエンドで取得していたデータを確認します。 Weedozeは私が春のバックエンドで書いた角コードでトークンを呼び出して統合する方法をガイドすることができます。 – kam

+0

私は実際にどのように動作するのか分かりませんが、簡単に "AngularJS認証トークン"で – Weedoze

+1

のgoogleでチュートリアルを見つけることができます。 – kam

関連する問題