Autenticati con Firebase in JavaScript utilizzando un sistema di autenticazione personalizzato

Puoi integrare l'autenticazione Firebase con un sistema di autenticazione personalizzato modificando il tuo server di autenticazione per produrre token firmati personalizzati quando un utente accede correttamente. La tua app riceve questo token e lo usa per autenticarsi con Firebase.

Prima di iniziare

  1. Aggiungi Firebase al tuo progetto JavaScript .
  2. Ottieni le chiavi del server del tuo progetto:
    1. Vai alla pagina Account di servizio nelle impostazioni del tuo progetto.
    2. Fai clic su Genera nuova chiave privata nella parte inferiore della sezione Firebase Admin SDK della pagina Account di servizio .
    3. La coppia di chiavi pubblica/privata del nuovo account di servizio viene salvata automaticamente sul tuo computer. Copia questo file sul tuo server di autenticazione.

Autenticati con Firebase

  1. Quando gli utenti accedono alla tua app, invia le proprie credenziali di accesso (ad esempio nome utente e password) al server di autenticazione. Il tuo server controlla le credenziali e restituisce un token personalizzato se sono valide.
  2. Dopo aver ricevuto il token personalizzato dal server di autenticazione, passalo a signInWithCustomToken per accedere all'utente:

    Web version 9

    import { getAuth, signInWithCustomToken } from "firebase/auth";
    
    const auth = getAuth();
    signInWithCustomToken(auth, token)
      .then((userCredential) => {
        // Signed in
        const user = userCredential.user;
        // ...
      })
      .catch((error) => {
        const errorCode = error.code;
        const errorMessage = error.message;
        // ...
      });

    Web version 8

    firebase.auth().signInWithCustomToken(token)
      .then((userCredential) => {
        // Signed in
        var user = userCredential.user;
        // ...
      })
      .catch((error) => {
        var errorCode = error.code;
        var errorMessage = error.message;
        // ...
      });

Prossimi passi

Dopo che un utente accede per la prima volta, un nuovo account utente viene creato e collegato alle credenziali, ovvero il nome utente e la password, il numero di telefono o le informazioni sul provider di autenticazione, con cui l'utente ha effettuato l'accesso. Questo nuovo account viene archiviato come parte del tuo progetto Firebase e può essere utilizzato per identificare un utente in ogni app del tuo progetto, indipendentemente da come l'utente effettua l'accesso.

  • Nelle tue app, il modo consigliato per conoscere lo stato di autenticazione del tuo utente è impostare un osservatore sull'oggetto Auth . È quindi possibile ottenere le informazioni sul profilo di base User dall'oggetto Utente. Vedere Gestisci utenti .

  • Nelle regole di sicurezza del database in tempo reale e dell'archiviazione cloud di Firebase, puoi ottenere l'ID utente univoco dell'utente che ha eseguito l'accesso dalla variabile auth e utilizzarlo per controllare a quali dati può accedere un utente.

Puoi consentire agli utenti di accedere alla tua app utilizzando più provider di autenticazione collegando le credenziali del provider di autenticazione a un account utente esistente.

Per disconnettere un utente, chiama signOut :

Web version 9

import { getAuth, signOut } from "firebase/auth";

const auth = getAuth();
signOut(auth).then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});

Web version 8

firebase.auth().signOut().then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});