JavaScript'te Çevrimdışı Özellikleri Etkinleştirme

Varlığı Yönetme

Gerçek zamanlı uygulamalarda, istemcilerin ne zaman meşgul olduklarını veya bağlantıyı kesebilirsiniz. Örneğin, eğitime Bir kullanıcıyı "çevrimdışı" olarak işaretlemek istiyorsanız bağlantısı kesildiğinde.

Firebase Veritabanı istemcileri, veri kümelerini oluşturmak için kullanabileceğiniz basit İstemci Firebase Veritabanı ile bağlantısı kesildiğinde veri tabanına yazma sunucular. Bu güncellemeler, istemcinin bağlantısının kesilip kesilmediğinden bağımsız olarak, Böylece, bağlantınız kesilse bile verileri temizleme konusunda onlara güvenebilirsiniz. sorun olabilir. Şunlar dahil tüm yazma işlemleri: Güncelleme ve kaldırma işlemleri, bağlantı kesildikten sonra gerçekleştirilebilir.

Bağlantı kesildikten sonra onDisconnect temel öğesi:

import { getDatabase, ref, onDisconnect } from "firebase/database";

const db = getDatabase();
const presenceRef = ref(db, "disconnectmessage");
// Write a string when this client loses connection
onDisconnect(presenceRef).set("I disconnected!");
rtdb_ondisconnect_simple.js

var presenceRef = firebase.database().ref("disconnectmessage");
// Write a string when this client loses connection
presenceRef.onDisconnect().set("I disconnected!");
offline.js

onDisconnect(presenceRef).remove().catch((err) => {
  if (err) {
    console.error("could not establish onDisconnect event", err);
  }
});
rtdb_ondisconnect_callback.js

presenceRef.onDisconnect().remove((err) => {
  if (err) {
    console.error("could not establish onDisconnect event", err);
  }
});
offline.js

const onDisconnectRef = onDisconnect(presenceRef);
onDisconnectRef.set("I disconnected");
// some time later when we change our minds
onDisconnectRef.cancel();
rtdb_ondisconnect_cancel.js

var onDisconnectRef = presenceRef.onDisconnect();
onDisconnectRef.set("I disconnected");
// some time later when we change our minds
onDisconnectRef.cancel();
offline.js

Bağlantı Durumunu Algılama

Evde olmayla ilgili çoğu özellik açısından uygulamanıza faydalıdır. çevrimiçi mi yoksa çevrimdışı mı olduğunu bilmektir. Firebase Realtime Database. /.info/connected adresinde özel bir konum sağlar. Firebase Realtime Database istemcisinin bağlantı durumu her seferinde güncellenir anlamına gelir. Bir örnek verelim:

import { getDatabase, ref, onValue } from "firebase/database";

const db = getDatabase();
const connectedRef = ref(db, ".info/connected");
onValue(connectedRef, (snap) => {
  if (snap.val() === true) {
    console.log("connected");
  } else {
    console.log("not connected");
  }
});
rtdb_detect_connection_state.js

var connectedRef = firebase.database().ref(".info/connected");
connectedRef.on("value", (snap) => {
  if (snap.val() === true) {
    console.log("connected");
  } else {
    console.log("not connected");
  }
});
offline.js

/.info/connected, bağımsız bir boole değeridir değeri şu olduğundan Realtime Database istemci arasında senkronize edildi: ve istemcinin durumuna bağlıdır. Başka bir deyişle, /.info/connected yanlış olarak okuyor, bu hayır farklı bir istemcinin false (yanlış) değerini okuyacağını garanti edebilirsiniz.

İşleme Gecikmesi

import { getDatabase, ref, onDisconnect, serverTimestamp } from "firebase/database";

const db = getDatabase();
const userLastOnlineRef = ref(db, "users/joe/lastOnline");
onDisconnect(userLastOnlineRef).set(serverTimestamp());
rtdb_set_server_timestamp.js

var userLastOnlineRef = firebase.database().ref("users/joe/lastOnline");
userLastOnlineRef.onDisconnect().set(firebase.database.ServerValue.TIMESTAMP);
offline.js

import { getDatabase, ref, onValue } from "firebase/database";

const db = getDatabase();
const offsetRef = ref(db, ".info/serverTimeOffset");
onValue(offsetRef, (snap) => {
  const offset = snap.val();
  const estimatedServerTimeMs = new Date().getTime() + offset;
});
rtdb_estimate_clock_skew.js

var offsetRef = firebase.database().ref(".info/serverTimeOffset");
offsetRef.on("value", (snap) => {
  var offset = snap.val();
  var estimatedServerTimeMs = new Date().getTime() + offset;
});
offline.js

Örnek Varlık Uygulaması

Bağlantı kesme işlemlerini bağlantı durumu izlemeyle birleştirerek kullanıcı varlığı sistemi oluşturabilirsiniz. Bu sistemde, Her kullanıcı bir veri tabanında depolanan verileri veritabanının yerinde depolayıp depolamadığını Realtime Database müşteri online. Müşteriler bu konumu şu durumlarda doğru olarak ayarlar: internete giriyorlarsa ve bağlantıları kesildiğinde de bir zaman damgası gösteriyor. Bu zaman damgası belirtilen kullanıcının en son ne zaman çevrimiçi olduğunu gösterir.

Uygulamanızın, bağlantı kesme işlemlerini bir kullanıcı tarafından bağlanmadan önce sıraya koyması gerektiğini unutmayın. hiçbir yarış koşulu belirlememesi için, müşterinin ürünü veya hizmeti Her iki komut da sunucuya gönderilmeden önce ağ bağlantısı kesilir.

Basit bir kullanıcı varlığı sistemi aşağıda verilmiştir:

import { getDatabase, ref, onValue, push, onDisconnect, set, serverTimestamp } from "firebase/database";

// Since I can connect from multiple devices or browser tabs, we store each connection instance separately
// any time that connectionsRef's value is null (i.e. has no children) I am offline
const db = getDatabase();
const myConnectionsRef = ref(db, 'users/joe/connections');

// stores the timestamp of my last disconnect (the last time I was seen online)
const lastOnlineRef = ref(db, 'users/joe/lastOnline');

const connectedRef = ref(db, '.info/connected');
onValue(connectedRef, (snap) => {
  if (snap.val() === true) {
    // We're connected (or reconnected)! Do anything here that should happen only if online (or on reconnect)
    const con = push(myConnectionsRef);

    // When I disconnect, remove this device
    onDisconnect(con).remove();

    // Add this device to my connections list
    // this value could contain info about the device or a timestamp too
    set(con, true);

    // When I disconnect, update the last time I was seen online
    onDisconnect(lastOnlineRef).set(serverTimestamp());
  }
});
rtdb_sample_presence_app.js

// Since I can connect from multiple devices or browser tabs, we store each connection instance separately
// any time that connectionsRef's value is null (i.e. has no children) I am offline
var myConnectionsRef = firebase.database().ref('users/joe/connections');

// stores the timestamp of my last disconnect (the last time I was seen online)
var lastOnlineRef = firebase.database().ref('users/joe/lastOnline');

var connectedRef = firebase.database().ref('.info/connected');
connectedRef.on('value', (snap) => {
  if (snap.val() === true) {
    // We're connected (or reconnected)! Do anything here that should happen only if online (or on reconnect)
    var con = myConnectionsRef.push();

    // When I disconnect, remove this device
    con.onDisconnect().remove();

    // Add this device to my connections list
    // this value could contain info about the device or a timestamp too
    con.set(true);

    // When I disconnect, update the last time I was seen online
    lastOnlineRef.onDisconnect().set(firebase.database.ServerValue.TIMESTAMP);
  }
});
offline.js