Come accedere al login stato/utente di angularfire2

Question

Ho un'app ionic2 e sto usando Firebase e angularFire2. Mi piacerebbe ottenere lo stato di autenticazione corrente e l'oggetto/utente corrente da Firebase usando angularFire2.

Ecco cosa funziona finora: posso autenticare l'utente e iscriversi a FirebaseAuthState per ottenere l'oggetto utente di Facebook.

constructor(platform: Platform, private auth: FirebaseAuth) { 

    auth.subscribe((user: FirebaseAuthState) => { 
     if (user) { 
     // I could store user in localstorage, but I'd like to see an All Firebase solution 
     this.rootPage = TabsPage; 
     } else { 
     this.rootPage = LoginPage; 
     } 
    }); 

Ora posso solo impostare localstorage qui e memorizzare l'oggetto utente nella cache per ricordare lo stato di autenticazione. Tuttavia, sono curioso di vedere come posso utilizzare Firebase solo senza che io implementi la mia chiave di archiviazione locale personalizzata. Vedo che Firebase memorizza una chiave localStorage di sua proprietà, quindi sa che è loggato.

Come posso ottenere l'oggetto auth dal codice? Inoltre, ho provato l'esempio elencato nella documentazione di AngularFire2 per il rendering dello stato di autenticazione nel modello, ma mi dà un errore.

import {FirebaseAuth} from 'angularfire2'; 
@Component({ 
    selector: 'auth-status', 
    template: ` 
    <div *ng-if="auth | async">You are logged in</div> 
    <div *ng-if="!(auth | async)">Please log in</div> 
    ` 
}) 
class App { 
    constructor (@Inject(FirebaseAuth) public auth: FirebaseAuth) {} 
} 

Answer 1

attuale stato di autenticazione è disponibile dal iniettato FirebaseAuth. È possibile ottenere i dati effettivi auth auth.getAuth()

See: https://github.com/angular/angularfire2/blob/master/src/providers/auth.ts#L99

Answer 2

ora, al fine di ottenere le informazioni utente, è necessario iscriversi per ottenere le informazioni di autenticazione. Ex

constructor(public af: AngularFire) { 
    this.af.auth.subscribe(auth => console.log(auth));// user info is inside auth object 
    } 

oggetto auth sarà nullo se autenticazione stato non esiste

Answer 3

1. Importa: import { AngularFireAuth } from 'angularfire2/auth';
2. Iniezione: constructor(public afAuth: AngularFireAuth) { }

3. Check:

   this.afAuth.authState.subscribe(res => { 
       if (res && res.uid) { 
       console.log('user is logged in'); 
       } else { 
       console.log('user not logged in'); 
       } 
   });