Wie zeige ich die Anzahl der Follower in Echtzeit mit Firebase an?

Question

Ich habe eine Anwendung, wo Benutzer anderen Benutzern folgen können. Ich möchte ein Echtzeit-Update-System haben, das die Gesamtzahl der Follower anzeigt, die ein Benutzer hat.

Ich habe gerade angefangen zu spielen mit Firebase und Pusher, aber ich verstehe nicht eine Sache - wird jeder Benutzer seinen eigenen "Kanal" haben? Wie würde ich mit einem Follower-Counter-Update umgehen?

folgte ich das Tutorial und sah, dass push Methode Listen erstellen kann, so eine Lösung, die ich sehen kann eine Liste aller Benutzer ist, von denen jeder Benutzer ein Objekt in etwa so sein:

{ username: 'john_doe', follower_count: 6 } 

Aber ich verstehst du nicht, wie würde ich es tatsächlich am Frontend verfolgen? Sollte ich einen Filter haben, so etwas?

var user = users.filter(function(user) { return user.username === 'john_doe'; }); 
// code to display user.follower_count 

Oder gibt es eine andere Art, die ich vermisse?

Answer 1

Der Großteil der Firebase-Logik basiert auf Listenern. Sie können Ereignissen, die in Ihren Sammlungen stattfinden, Listener hinzufügen. Wenn diese Ereignisse eintreten, tun Sie etwas.

Ein Weg, um dies zu realisieren wäre:

var myFollowerListRef = new Firebase(PATH_TO_YOUR_COLLECTION); 
myFollowerListRef.on("value", function(snapshot) { 
    console.log(snapshot.length); 
}); 

Auf diese Weise jedes Mal Ihre Follower Sammlung Änderungen, die asynchrone Funktion ausgelöst und Sie können tun, was Sie mit den neuen Daten mögen.

Für weitere Informationen:

https://www.firebase.com/docs/web/guide/retrieving-data.html

hoffe, das hilft, bin ich immer noch ein Anfänger in Firebase.

Answer 2

@ Th0rndike Ansatz ist der einfachste und funktioniert gut für relativ kurze Listen. Erwägen Sie bei längeren Listen die Verwendung einer Transaktion. Von den Firebase documentation on saving transactional data:

var upvotesRef = new Firebase('https://docs-examples.firebaseio.com/android/saving-data/fireblog/posts/-JRHTHaIs-jNPLXOQivY/upvotes'); 
upvotesRef.transaction(function (current_value) { 
    return (current_value || 0) + 1; 
}); 

Aber ich empfehle, dass Sie den gesamten Firebase Guide lesen. Es enthält Lösungen für viele gängige Anwendungsfälle.