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:

Web

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

Web

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

OnBağlantıyı Kesmenin İşleyiş Şekli

Bir onDisconnect() işlemi oluşturduğunuzda, Firebase Realtime Database sunucusunda çalışıyor. Sunucu, güvenliği Kullanıcının istenen yazma etkinliğini gerçekleştirebildiğinden emin olur ve geçersizse uygulamanızı. Ardından sunucu, bağlantıyı izler. Herhangi bir noktada bağlantı zaman aşımına uğrarsa veya Realtime Database istemcisi tarafından aktif olarak kapatılmışsa sunucu, ikinci kez (işlemin hâlâ geçerli olduğundan emin olmak için) etkinliği tıklayın.

Uygulamanız, yazma işleminde geri çağırmayı kullanabilir onDisconnect öğesinin doğru şekilde eklendiğinden emin olmak için:

Web

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

Web

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

onDisconnect etkinliği, .cancel() aranarak da iptal edilebilir:

Web

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

Web

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 Gerçek Zamanlı Veritabanı /.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:

Web

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

Web

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 senkronize edildiğinden, 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 eder.

İşleme Gecikmesi

Sunucu Zaman Damgaları

Firebase Realtime Database sunucuları, veri eklemek için bir mekanizma sağlar sunucuda veri olarak oluşturulan zaman damgalarıdır. Bu özellik, onDisconnect, verilerinizi güvenilir bir şekilde not etmenin kolay bir yolunu sunuyor. bir Realtime Database istemcisinin bağlantısının kesildiği saat:

Web

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

Web

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

Saat Sapma

firebase.database.ServerValue.TIMESTAMP ise çok daha avantajlı çoğu okuma/yazma işlemi için doğru ve tercih edilir. bazen müşterinin saat sapmasını tahmin etmek, Firebase Realtime Database'in sunucuları için geçerlidir. Siz /.info/serverTimeOffset konumuna geri arama ekleyebilir Firebase Realtime Database istemcilerinin değerini milisaniye cinsinden elde etmek için tahmin etmek için yerel olarak bildirilen zamana (milisaniye cinsinden dönem zamanı) ekleyin anlamına gelir. Bu ofsetin doğruluğunun ağ gecikmesidir, bu nedenle öncelikli olarak keşif sürecinde büyük (> 1 saniye) tutarsızlıklar.

Web

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

Web

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 istemcisi internete bağlandı. 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:

Web

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

Web

// 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