Trang này được dịch bởi Cloud Translation API.
Switch to English

Kích hoạt khả năng ngoại tuyến trong JavaScript

Các ứng dụng Firebase hoạt động ngay cả khi ứng dụng của bạn tạm thời mất kết nối mạng. Chúng tôi cung cấp một số công cụ để theo dõi sự hiện diện và đồng bộ hóa trạng thái cục bộ với trạng thái máy chủ, được giới thiệu trong tài liệu này.

Quản lý sự hiện diện

Trong các ứng dụng thời gian thực, thường rất hữu ích để phát hiện khi khách hàng kết nối và ngắt kết nối. Ví dụ: bạn có thể muốn đánh dấu người dùng là 'ngoại tuyến' khi ứng dụng khách của họ ngắt kết nối.

Các máy khách cơ sở dữ liệu Firebase cung cấp các nguyên hàm đơn giản mà bạn có thể sử dụng để ghi vào cơ sở dữ liệu khi máy khách ngắt kết nối với các máy chủ Cơ sở dữ liệu Firebase. Những cập nhật này xảy ra cho dù máy khách ngắt kết nối sạch hay không, vì vậy bạn có thể dựa vào chúng để dọn sạch dữ liệu ngay cả khi kết nối bị mất hoặc máy khách gặp sự cố. Tất cả các thao tác ghi, bao gồm cài đặt, cập nhật và xóa, có thể được thực hiện khi ngắt kết nối.

Dưới đây là một ví dụ đơn giản về việc ghi dữ liệu khi ngắt kết nối bằng cách sử dụng nguyên hàm onDisconnect :

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

Làm thế nào onDisconnect hoạt động

Khi bạn thiết lập một hoạt động onDisconnect() , hoạt động này nằm trên máy chủ Cơ sở dữ liệu thời gian thực Firebase. Máy chủ kiểm tra bảo mật để đảm bảo người dùng có thể thực hiện sự kiện ghi được yêu cầu và thông báo cho ứng dụng của bạn nếu nó không hợp lệ. Sau đó, máy chủ sẽ theo dõi kết nối. Nếu tại bất kỳ thời điểm nào, kết nối hết thời gian hoặc được máy khách Cơ sở dữ liệu thời gian thực đóng, máy chủ sẽ kiểm tra bảo mật lần thứ hai (để đảm bảo thao tác vẫn hợp lệ) và sau đó gọi sự kiện.

Ứng dụng của bạn có thể sử dụng hàm gọi lại trong thao tác ghi để đảm bảo onDisconnect được đính kèm chính xác:

presenceRef.onDisconnect().remove(function(err) {
  if (err) {
    console.error('could not establish onDisconnect event', err);
  }
});

Một sự kiện onDisconnect cũng có thể bị hủy bằng cách gọi .celon ():

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

Phát hiện trạng thái kết nối

Đối với nhiều tính năng liên quan đến sự hiện diện, ứng dụng của bạn sẽ hữu ích khi biết khi trực tuyến hay ngoại tuyến. Cơ sở dữ liệu thời gian thực Firebase cung cấp một vị trí đặc biệt tại /.info/connected được cập nhật mỗi khi trạng thái kết nối của máy khách Cơ sở dữ liệu thời gian thực Firebase thay đổi. Đây là một ví dụ:

var connectedRef = firebase.database().ref(".info/connected");
connectedRef.on("value", function(snap) {
  if (snap.val() === true) {
    alert("connected");
  } else {
    alert("not connected");
  }
});

/.info/connected là một giá trị boolean không được đồng bộ hóa giữa các máy khách Cơ sở dữ liệu thời gian thực vì giá trị này phụ thuộc vào trạng thái của máy khách. Nói cách khác, nếu một khách hàng đọc /.info/connected là false, điều này không đảm bảo rằng một khách hàng riêng biệt cũng sẽ đọc sai.

Xử lý độ trễ

Dấu thời gian máy chủ

Các máy chủ cơ sở dữ liệu thời gian thực Firebase cung cấp một cơ chế để chèn dấu thời gian được tạo trên máy chủ dưới dạng dữ liệu. Tính năng này, kết hợp với onDisconnect , cung cấp một cách dễ dàng để ghi chú đáng tin cậy về thời gian mà máy khách Cơ sở dữ liệu thời gian thực bị ngắt kết nối:

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

Đồng hồ xiên

Mặc dù firebase.database.ServerValue.TIMESTAMP chính xác hơn nhiều và thích hợp hơn cho hầu hết các hoạt động đọc / ghi, đôi khi có thể hữu ích khi ước tính độ lệch của đồng hồ của máy khách đối với các máy chủ của Cơ sở dữ liệu thời gian thực Firebase. Bạn có thể đính kèm một cuộc gọi lại vào vị trí /.info/serverTimeOffset để lấy giá trị, tính bằng mili giây, các máy khách Cơ sở dữ liệu thời gian thực Firebase thêm vào thời gian báo cáo cục bộ (thời gian tính bằng mili giây) để ước tính thời gian của máy chủ. Lưu ý rằng độ chính xác của phần bù này có thể bị ảnh hưởng bởi độ trễ mạng và do đó, rất hữu ích khi phát hiện ra sự chênh lệch lớn (> 1 giây) trong thời gian đồng hồ.

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

Ứng dụng hiện diện mẫu

Bằng cách kết hợp các hoạt động ngắt kết nối với giám sát trạng thái kết nối và dấu thời gian của máy chủ, bạn có thể xây dựng một hệ thống hiện diện người dùng. Trong hệ thống này, mỗi người dùng lưu trữ dữ liệu tại một vị trí cơ sở dữ liệu để cho biết liệu máy khách Cơ sở dữ liệu thời gian thực có trực tuyến hay không. Khách hàng đặt vị trí này thành đúng khi họ trực tuyến và dấu thời gian khi họ ngắt kết nối. Dấu thời gian này cho biết lần cuối cùng người dùng đã cho là trực tuyến.

Lưu ý rằng ứng dụng của bạn nên xếp hàng các hoạt động ngắt kết nối trước khi người dùng được đánh dấu trực tuyến, để tránh mọi điều kiện cuộc đua trong trường hợp kết nối mạng của khách hàng bị mất trước khi cả hai lệnh có thể được gửi đến máy chủ.

Đây là một hệ thống hiện diện người dùng đơn giản:

// 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', function(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);
  }
});