Jak zaktualizować loggedInUser po zalogowaniu w Mozilla Persona

Question

Używam Mozilla Persona w projekcie. Chcę zaktualizować loggedInUser po onlogin. Ale loggedInUser jest atrybutem obiektu przekazanego do navigator.id.watch(). navigator.id.watch() został wywołany raz (w usłudze AngularJS). Czy powinienem ponownie zadzwonić, przekazując cały obiekt? To nie wydaje się właściwe. Czy się mylę? = P

Oto mój serwis:

app.factory('persona', function ($rootScope, $http) { 
navigator.id.watch({ 
    loggedInUser: null, 
    onlogin: function onlogin(assertion) { 
     console.log(this); 
     $http.post('/signIn', { assertion: assertion }) 
      .then(function (data, status, headers, config) { 
       $rootScope.$broadcast('signIn', data.data); 
      }, function (data, status, headers, config) { 
       $rootScope.$broadcast('signInError', data.data); 
      }); 
    }, 
    onlogout: function onlogout(param) { 
     $http.get('/signOut') 
      .then(function (data, status, headers, config) { 
       $rootScope.$broadcast('signOut', data.data); 
      }, function (data, status, headers, config) { 
       $rootScope.$broadcast('signOutError', data.data); 
      }); 
    } 
}); 

return { 
    signIn: function signIn() { 
     navigator.id.request(); 
    }, 
    signOut: function signOut() { 
     navigator.id.logout(); 
    } 
}; 
}); 

Answer 1

Nie można po prostu zrobić loggedInUser stać globalny lub przynajmniej „lokalnie globalny” pod takim samym zakresie jak metodę navigator.id.watch, podobnie jak Przykład MDN?

Po tym można uzyskać odpowiedź JSON z usługi Persona, która zawiera niektóre dane, w tym adres e-mail. Więc można przekazać te dane na swojej odpowiedzi AJAX i wypełnić zmienną loggedInUser

https://developer.mozilla.org/en-US/docs/Persona/Quick_Setup#Step_3.3A_Watch_for_login_and_logout_actions

var currentUser = 'bob@example.com'; 

navigator.id.watch({ 
    loggedInUser: currentUser, 
    onlogin: function(assertion) { 
    $.ajax({ 
     type: 'POST', 
     url: '/auth/login', // This is a URL on your website. 
     data: {assertion: assertion}, 
     success: function(res, status, xhr) { window.location.reload(); }, 
     error: function(xhr, status, err) { 
     navigator.id.logout(); 
     alert("Login failure: " + err); 
     } 
    }); 
    }, 
    onlogout: function() { 
    $.ajax({ 
     type: 'POST', 
     url: '/auth/logout', // This is a URL on your website. 
     success: function(res, status, xhr) { window.location.reload(); }, 
     error: function(xhr, status, err) { alert("Logout failure: " + err); } 
    }); 
    } 
}); 

przykładową odpowiedź JSON z MDN:

{ 
    "status": "okay", 
    "email": "bob@eyedee.me", 
    "audience": "https://example.com:443", 
    "expires": 1308859352261, 
    "issuer": "eyedee.me" 
} 

Answer 2

Na wezwanie navigator.id.watch ustaw loggedInUser: localStorage.getItem('persona') || null (the null jest ważna), a następnie, gdy logowanie Persona zakończy się powodzeniem, wykonaj localStorage.setItem('persona', theUserEmail), gdy się nie powiedzie, wykonaj localStorage.removeItem('persona').