Creare una presenza in Cloud Firestore

A seconda del tipo di app che stai creando, potresti trovare utile rilevare quali utenti o dispositivi sono online attivamente, ovvero rilevare la "presenza".

Ad esempio, se stai creando un'app come un social network o stai implementando un parco di dispositivi IoT, puoi utilizzare queste informazioni per visualizzare un elenco di amici online e disponibili a chattare oppure ordinare i dispositivi IoT per "ultimo accesso".

Cloud Firestore non supporta la presenza in modo nativo, ma puoi sfruttare altri prodotti Firebase per creare un sistema di presenza.

Soluzione: Cloud Functions con Realtime Database

Per collegare Cloud Firestore alla funzionalità di presenza nativa di Firebase Realtime Database, utilizza Cloud Functions.

Utilizza Realtime Database per segnalare lo stato della connessione, quindi utilizza Cloud Functions per riflettere questi dati in Cloud Firestore.

Utilizzare la presenza in Realtime Database

Innanzitutto, considera come funziona un sistema di rilevamento della presenza tradizionale in Realtime Database.

// Fetch the current user's ID from Firebase Authentication.
var uid = firebase.auth().currentUser.uid;

// Create a reference to this user's specific status node.
// This is where we will store data about being online/offline.
var userStatusDatabaseRef = firebase.database().ref('/status/' + uid);

// We'll create two constants which we will write to 
// the Realtime database when this device is offline
// or online.
var isOfflineForDatabase = {
    state: 'offline',
    last_changed: firebase.database.ServerValue.TIMESTAMP,
};

var isOnlineForDatabase = {
    state: 'online',
    last_changed: firebase.database.ServerValue.TIMESTAMP,
};

// Create a reference to the special '.info/connected' path in 
// Realtime Database. This path returns `true` when connected
// and `false` when disconnected.
firebase.database().ref('.info/connected').on('value', function(snapshot) {
    // If we're not currently connected, don't do anything.
    if (snapshot.val() == false) {
        return;
    };

    // If we are currently connected, then use the 'onDisconnect()' 
    // method to add a set which will only trigger once this 
    // client has disconnected by closing the app, 
    // losing internet, or any other means.
    userStatusDatabaseRef.onDisconnect().set(isOfflineForDatabase).then(function() {
        // The promise returned from .onDisconnect().set() will
        // resolve as soon as the server acknowledges the onDisconnect() 
        // request, NOT once we've actually disconnected:
        // https://firebase.google.com/docs/reference/js/firebase.database.OnDisconnect

        // We can now safely set ourselves as 'online' knowing that the
        // server will mark us as offline once we lose connection.
        userStatusDatabaseRef.set(isOnlineForDatabase);
    });
});
index.js

Questo esempio è un sistema di presenza completo di Realtime Database. Gestisce più disconnessioni, arresti anomali e così via.

È in corso la connessione a Cloud Firestore

Per implementare una soluzione simile in Cloud Firestore, utilizza lo stesso codice di Realtime Database, quindi utilizza Cloud Functions per mantenere sincronizzati Realtime Database e Cloud Firestore.

Se non lo hai già fatto, aggiungi Realtime Database al tuo progetto e includi la soluzione di presenza riportata sopra.

Successivamente, sincronizzerai lo stato di presenza su Cloud Firestore tramite i seguenti metodi:

1. Localmente, nella cache Cloud Firestore del dispositivo offline, in modo che l'app sappia che è offline.
2. A livello globale, utilizzando una funzione Cloud in modo che tutti gli altri dispositivi che accedono Cloud Firestore sappiano che questo dispositivo specifico è offline.

Aggiornamento della cache locale di Cloud Firestore

Diamo un'occhiata alle modifiche necessarie per risolvere il primo problema, ovvero l'aggiornamento della cache locale di Cloud Firestore.

// ...
var userStatusFirestoreRef = firebase.firestore().doc('/status/' + uid);

// Firestore uses a different server timestamp value, so we'll 
// create two more constants for Firestore state.
var isOfflineForFirestore = {
    state: 'offline',
    last_changed: firebase.firestore.FieldValue.serverTimestamp(),
};

var isOnlineForFirestore = {
    state: 'online',
    last_changed: firebase.firestore.FieldValue.serverTimestamp(),
};

firebase.database().ref('.info/connected').on('value', function(snapshot) {
    if (snapshot.val() == false) {
        // Instead of simply returning, we'll also set Firestore's state
        // to 'offline'. This ensures that our Firestore cache is aware
        // of the switch to 'offline.'
        userStatusFirestoreRef.set(isOfflineForFirestore);
        return;
    };

    userStatusDatabaseRef.onDisconnect().set(isOfflineForDatabase).then(function() {
        userStatusDatabaseRef.set(isOnlineForDatabase);

        // We'll also add Firestore set here for when we come online.
        userStatusFirestoreRef.set(isOnlineForFirestore);
    });
});
index.js

Con queste modifiche, ora abbiamo garantito che lo stato Cloud Firestore locale rifletterà sempre lo stato online/offline del dispositivo. Ciò significa che puoi ascoltare il documento /status/{uid} e utilizzare i dati per modificare l'interfaccia utente in modo che rifletta lo stato della connessione.

userStatusFirestoreRef.onSnapshot(function(doc) {
    var isOnline = doc.data().state == 'online';
    // ... use isOnline
});
index.js

Aggiornamento di Cloud Firestore a livello globale

Sebbene la nostra applicazione registri correttamente la presenza online, questo stato non sarà ancora preciso in altre app Cloud Firestore perché la scrittura dello stato "offline" è solo locale e non verrà sincronizzata quando viene ripristinata una connessione. Per contrastare questo problema, utilizzeremo una funzione Cloud che monitora il percorso status/{uid} in Realtime Database. Quando il valore del database in tempo reale cambia, viene sincronizzato con Cloud Firestore in modo che gli stati di tutti gli utenti siano corretti.

firebase.firestore().collection('status')
    .where('state', '==', 'online')
    .onSnapshot(function(snapshot) {
        snapshot.docChanges().forEach(function(change) {
            if (change.type === 'added') {
                var msg = 'User ' + change.doc.id + ' is online.';
                console.log(msg);
                // ...
            }
            if (change.type === 'removed') {
                var msg = 'User ' + change.doc.id + ' is offline.';
                console.log(msg);
                // ...
            }
        });
    });
index.js

Una volta implementata questa funzione, avrai un sistema di presenza completo in esecuzione con Cloud Firestore. Di seguito è riportato un esempio di monitoraggio per tutti gli utenti che si connettono o disconnettono utilizzando una query where().

firebase.firestore().collection('status')
    .where('state', '==', 'online')
    .onSnapshot(function(snapshot) {
        snapshot.docChanges().forEach(function(change) {
            if (change.type === 'added') {
                var msg = 'User ' + change.doc.id + ' is online.';
                console.log(msg);
                // ...
            }
            if (change.type === 'removed') {
                var msg = 'User ' + change.doc.id + ' is offline.';
                console.log(msg);
                // ...
            }
        });
    });
index.js

Limitazioni

L'utilizzo di Realtime Database per aggiungere la presenza alla tua app Cloud Firestore è scalabile ed efficace, ma presenta alcune limitazioni:

• Antirimbalzo: quando ascolti le modifiche in tempo reale in Cloud Firestore, questa soluzione potrebbe attivare più modifiche. Se queste modifiche attivano più eventi del previsto, elimina manualmente il ritardo degli eventi Cloud Firestore.
• Connettività: questa implementazione misura la connettività a Realtime Database, non a Cloud Firestore. Se lo stato della connessione a ciascun database non è lo stesso, questa soluzione potrebbe segnalare uno stato di presenza errato.
• Android: su Android, il Realtime Database si disconnette dal backend dopo 60 secondi di inattività. Per inattività si intende l'assenza di ascoltatori aperti o operazioni in attesa. Per mantenere aperta la connessione, ti consigliamo di aggiungere un ascoltatore di eventi relativi al valore a un percorso diverso da .info/connected. Ad esempio, potresti eseguire FirebaseDatabase.getInstance().getReference((new Date()).toString()).keepSynced() all'inizio di ogni sessione. Per ulteriori informazioni, consulta la sezione Rileva lo stato della connessione.