Come aggiornare loggedInUser dopo onlogin in Mozilla Persona

Question

Sto utilizzando Mozilla Persona su un progetto. Vorrei aggiornare loggedInUser dopo onlogin. Ma loggedInUser è un attributo di un oggetto passato a navigator.id.watch(). navigator.id.watch() è stato chiamato una volta (in un servizio AngularJS). Devo richiamarlo di nuovo, passando l'intero oggetto? Non sembra giusto. Ho sbagliato? = P

Ecco il mio servizio:

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

non puoi semplicemente fare loggedInUser diventare globale o almeno "a livello locale globale" al di sotto della stessa portata come metodo navigator.id.watch, proprio come il Esempio MDN?

Successivamente è possibile ottenere la risposta JSON dal servizio Persona, che contiene alcuni dati, inclusa l'e-mail. Così si potrebbe passare che i dati sulla vostra risposta AJAX e riempire la variabile 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); } 
    }); 
    } 
}); 

JSON campione risposta da MDN:

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

Answer 2

Alla chiamata navigator.id.watch, impostare loggedInUser: localStorage.getItem('persona') || null (la null è importante), quindi, quando il login Persona ha esito positivo, fare localStorage.setItem('persona', theUserEmail), quando non è riuscito, fare localStorage.removeItem('persona').