Bắt đầu sử dụng Cấu hình từ xa Firebase


Bạn có thể sử dụng Firebase Remote Config để xác định các tham số trong ứng dụng của mình và cập nhật các giá trị đó trên đám mây. Điều này cho phép bạn sửa đổi giao diện và hành vi của ứng dụng mà không cần phân phối bản cập nhật ứng dụng. Hướng dẫn này sẽ chỉ cho bạn các bước để bắt đầu và cung cấp một số mã mẫu, tất cả đều có sẵn để sao chép hoặc tải xuống từ kho lưu trữ GitHub firebase/quickstart-js.

Bước 1: Thêm và khởi chạy SDK Remote Config

  1. Nếu chưa, hãy cài đặt SDK Firebase JS và khởi chạy Firebase.

  2. Thêm SDK JS Remote Config và khởi chạy Remote Config:

Web

import { initializeApp } from "firebase/app";
import { getRemoteConfig } from "firebase/remote-config";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Remote Config and get a reference to the service
const remoteConfig = getRemoteConfig(app);

Web

import firebase from "firebase/compat/app";
import "firebase/compat/remote-config";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Remote Config and get a reference to the service
const remoteConfig = firebase.remoteConfig();

Đối tượng này dùng để lưu trữ các giá trị tham số mặc định trong ứng dụng, tìm nạp các giá trị tham số đã cập nhật từ phần phụ trợ Remote Config và kiểm soát thời điểm cung cấp các giá trị đã tìm nạp cho ứng dụng.

Bước 2: Đặt khoảng thời gian tìm nạp tối thiểu

Trong quá trình phát triển, bạn nên đặt khoảng thời gian tìm nạp tối thiểu tương đối thấp. Hãy xem phần Điều tiết để biết thêm thông tin.

Web

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;

Web

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;

Bước 3: Đặt giá trị tham số mặc định trong ứng dụng

Bạn có thể đặt giá trị thông số mặc định trong ứng dụng trong đối tượng Remote Config để ứng dụng hoạt động như dự kiến trước khi kết nối với phần phụ trợ Remote Config và để có giá trị mặc định nếu không có giá trị nào được đặt trên phần phụ trợ.

Web

remoteConfig.defaultConfig = {
  "welcome_message": "Welcome"
};

Web

remoteConfig.defaultConfig = {
  "welcome_message": "Welcome"
};

Nếu đã định cấu hình các giá trị tham số phụ trợ Remote Config, bạn có thể tải tệp JSON đã tạo xuống, trong đó có tất cả các giá trị mặc định và đưa tệp đó vào gói ứng dụng:

Kiến trúc chuyển trạng thái đại diện (REST)

curl --compressed -D headers -H "Authorization: Bearer token" -X GET https://firebaseremoteconfig.googleapis.com/v1/projects/my-project-id/remoteConfig:downloadDefaults?format=JSON -o remote_config_defaults.json

Bảng điều khiển Firebase

  1. Trong thẻ Parameters (Thông số), hãy mở Menu (Trình đơn) rồi chọn Download default values (Tải giá trị mặc định xuống).
  2. Khi được nhắc, hãy bật .json cho web, sau đó nhấp vào Tải tệp xuống.

Các ví dụ sau đây cho thấy hai cách khác nhau để bạn có thể nhập và đặt giá trị mặc định trong ứng dụng. Ví dụ đầu tiên sử dụng fetch, lệnh này sẽ tạo một yêu cầu HTTP đến tệp mặc định có trong gói ứng dụng:

  const rcDefaultsFile = await fetch('remote_config_defaults.json');
  const rcDefaultsJson = await rcDefaultsFile.json();
  remoteConfig.defaultConfig = rcDefaultsJson;
  

Ví dụ tiếp theo sử dụng require để biên dịch các giá trị vào ứng dụng của bạn tại thời điểm tạo bản dựng:

  let rcDefaults = require('./remote_config_defaults.json');
  remoteConfig.defaultConfig = rcDefaults;

Bước 4: Nhận giá trị thông số để sử dụng trong ứng dụng

Bây giờ, bạn có thể lấy giá trị tham số từ đối tượng Remote Config. Nếu sau này bạn đặt giá trị trong phần phụ trợ, tìm nạp rồi kích hoạt các giá trị đó, thì ứng dụng của bạn sẽ có các giá trị đó.Để lấy các giá trị này, hãy gọi phương thức getValue(), cung cấp khoá tham số làm đối số.

Web

import { getValue } from "firebase/remote-config";

const val = getValue(remoteConfig, "welcome_messsage");

Web

const val = remoteConfig.getValue("welcome_messsage");

Bước 5: Đặt giá trị thông số

Bằng cách sử dụng bảng điều khiển Firebase hoặc API phụ trợ Remote Config, bạn có thể tạo các giá trị mặc định phía máy chủ mới ghi đè các giá trị trong ứng dụng theo logic có điều kiện hoặc tiêu chí nhắm mục tiêu theo người dùng mà bạn muốn. Phần này sẽ hướng dẫn bạn thực hiện các bước trên bảng điều khiển Firebase để tạo các giá trị này.

  1. Trong bảng điều khiển Firebase, hãy mở dự án của bạn.
  2. Chọn Remote Config trong trình đơn để xem trang tổng quan Remote Config.
  3. Xác định các thông số có tên giống với các thông số mà bạn đã xác định trong ứng dụng. Đối với mỗi thông số, bạn có thể đặt một giá trị mặc định (cuối cùng sẽ ghi đè giá trị mặc định trong ứng dụng) và bạn cũng có thể đặt các giá trị có điều kiện. Để tìm hiểu thêm, hãy xem phần Thông số và điều kiện của Remote Config.

Bước 6: Tìm nạp và kích hoạt các giá trị

  1. Để tìm nạp các giá trị tham số từ phần phụ trợ Remote Config, hãy gọi phương thức fetchConfig(). Mọi giá trị mà bạn đặt trên phần phụ trợ đều được tìm nạp và lưu vào bộ nhớ đệm trong đối tượng Remote Config.
  2. Để ứng dụng của bạn có thể sử dụng các giá trị thông số đã tìm nạp, hãy gọi phương thức activate().

Trong trường hợp bạn muốn tìm nạp và kích hoạt các giá trị trong một lệnh gọi, hãy sử dụng fetchAndActivate() như trong ví dụ sau:

Web

import { fetchAndActivate } from "firebase/remote-config";

fetchAndActivate(remoteConfig)
  .then(() => {
    // ...
  })
  .catch((err) => {
    // ...
  });

Web

remoteConfig.fetchAndActivate()
  .then(() => {
    // ...
  })
  .catch((err) => {
    // ...
  });

Vì các giá trị thông số đã cập nhật này ảnh hưởng đến hành vi và giao diện của ứng dụng, nên bạn nên kích hoạt các giá trị đã tìm nạp vào thời điểm đảm bảo mang lại trải nghiệm mượt mà cho người dùng, chẳng hạn như vào lần tiếp theo người dùng mở ứng dụng. Hãy xem Chiến lược tải Cấu hình từ xa để biết thêm thông tin và ví dụ.

Điều tiết

Nếu một ứng dụng tìm nạp quá nhiều lần trong một khoảng thời gian ngắn, thì các lệnh gọi tìm nạp có thể bị điều tiết. Trong những trường hợp như vậy, SDK sẽ gửi lỗi FETCH_THROTTLE. Bạn nên phát hiện lỗi này rồi thử lại ở chế độ đợi luỹ thừa, đợi khoảng thời gian dài hơn giữa các yêu cầu tìm nạp tiếp theo.

Trong quá trình phát triển ứng dụng, bạn nên làm mới bộ nhớ đệm rất thường xuyên (nhiều lần mỗi giờ) để nhanh chóng lặp lại khi phát triển và kiểm thử ứng dụng. Để phù hợp với việc lặp lại nhanh trên một dự án có nhiều nhà phát triển, bạn có thể tạm thời thêm một thuộc tính có khoảng thời gian tìm nạp tối thiểu thấp (Settings.minimumFetchIntervalMillis) trong ứng dụng của mình.

Khoảng thời gian tìm nạp bản phát hành chính thức mặc định và được đề xuất cho Remote Config là 12 giờ, nghĩa là các cấu hình sẽ không được tìm nạp từ phần phụ trợ nhiều lần trong khoảng thời gian 12 giờ, bất kể số lượng lệnh gọi tìm nạp thực tế được thực hiện. Cụ thể, khoảng thời gian tìm nạp tối thiểu được xác định theo thứ tự sau:

  1. Tham số trong Settings.minimumFetchIntervalMillis.
  2. Giá trị mặc định là 12 giờ.

Các bước tiếp theo

Nếu bạn chưa từng khám phá, hãy tìm hiểu các trường hợp sử dụng của Remote Config và xem một số khái niệm chính cũng như tài liệu về chiến lược nâng cao, bao gồm: