Bạn có thể sử dụng Firebase Remote Config để xác định các tham số trong ứng dụng và cập nhật các giá trị đó trên đám mây, cho phép bạn chỉnh sửa hình thức và của ứng dụng mà không phân phối bản cập nhật ứng dụng. Hướng dẫn này sẽ chỉ cho bạn thông qua các bước để bắt đầu và cung cấp một số mã mẫu, tất cả đều để sao chép hoặc tải xuống từ firebase/quickstart-js Kho lưu trữ GitHub.
Bước 1: Thêm và khởi chạy SDK Remote Config
Nếu bạn chưa thực hiện, cài đặt Firebase JS SDK và khởi chạy Firebase.
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ị thông số mặc định trong ứng dụng, tìm nạp dữ liệu đã cập nhật các giá trị tham số từ phần phụ trợ Remote Config và kiểm soát thời điểm được tìm nạp các giá trị được cung cấp cho ứng dụng của bạn.
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 giá trị tìm nạp tối thiểu tương đối thấp . Xem phần Điều tiết trong biết thêm thông tin.
Web
remoteConfig.settings.minimumFetchIntervalMillis = 3600000;
Web
remoteConfig.settings.minimumFetchIntervalMillis = 3600000;
Bước 3: Đặt giá trị thông số mặc định trong ứng dụng
Bạn có thể đặt các giá trị tham số mặc định trong ứng dụng trong Remote Config để ứng dụng của bạn hoạt động như dự kiến trước khi kết nối với phần phụ trợ Remote Config để có các giá trị mặc định nếu chưa có thiết lập nào được thiết lập trong phần phụ trợ.
Web
remoteConfig.defaultConfig = { "welcome_message": "Welcome" };
Web
remoteConfig.defaultConfig = { "welcome_message": "Welcome" };
Nếu bạn đã định cấu hình Remote Config giá trị tham số phụ trợ, bạn có thể tải tệp JSON đã tạo bao gồm tất cả các giá trị mặc định và đưa nó vào gói ứng dụng của bạn:
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
- Trong thẻ Thông số, mở Trình đơn rồi chọn Tải các giá trị mặc định xuống.
- Khi được nhắc, hãy bật tệp .json cho web, sau đó nhấp vào Tải tệp xuống.
Các ví dụ sau đây minh hoạ hai cách khác nhau mà bạn có thể nhập và đặt giá trị mặc định
trong ứng dụng của bạn. Ví dụ đầu tiên sử dụng fetch
để tạo một
Yêu cầu HTTP đến tệp mặc định có trong gói ứng dụng của bạn:
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ị thành ứng dụng của bạn
tại thời điểm xây dựng:
let rcDefaults = require('./remote_config_defaults.json'); remoteConfig.defaultConfig = rcDefaults;
Bước 4: Nhận các giá trị thông số để dùng trong ứng dụng
Bây giờ, bạn có thể nhận các giá trị tham số từ đối tượng Remote Config. Nếu sau này
thiết lập các giá trị trong phần phụ trợ, tìm nạp rồi kích hoạt chúng. Những giá trị đó
có sẵn cho ứng dụng của bạn.Để nhận các giá trị này, hãy gọi phương thức
getValue()
, cung cấp
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ố
Sử dụng bảng điều khiển Firebase hoặc Remote Config API phụ trợ, 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 hướng dẫn bạn qua các bước trong bảng điều khiển Firebase để tạo các giá trị này.
- Trong bảng điều khiển Firebase, hãy mở dự án của bạn.
- Chọn biểu tượng Remote Config trên trình đơn để xem Remote Config bảng điều khiển.
- Xác định các tham số có cùng tên với các tham số mà bạn đã xác định trong ứng dụng của bạn. Đối với mỗi thông số, bạn có thể đặt giá trị mặc định (giá trị này sẽ 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 Remote Config Tham số và điều kiện.
Bước 6: Tìm nạp và kích hoạt các giá trị
- Để tìm nạp các giá trị tham số qua 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à được lưu vào bộ nhớ đệm trong đối tượng Remote Config. - Để ứ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()
.
Đối với 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) => { // ... });
Bởi vì các giá trị thông số được cập nhật này ảnh hưởng đến hành vi và giao diện của ứng dụng, bạn nên kích hoạt các giá trị đã tìm nạp cùng một lúc để đảm bảo 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ở . 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 và thử lại ở chế độ thời gian đợi luỹ thừa,
chờ 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, có thể bạn muốn làm mới bộ nhớ đệm thật thường xuyên
(nhiều lần mỗi giờ) để giúp bạn nhanh chóng lặp lại khi phát triển và thử nghiệm
. Để thích ứng với việc lặp lại nhanh chóng trong 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 bạn.
Khoảng thời gian tìm nạp chính thức mặc định và được đề xuất cho Remote Config là 12 giờ, tức là có nghĩa là hệ thống sẽ không tìm nạp cấu hình từ phần phụ trợ nhiều lần trong 12 giờ bất kể có bao nhiêu lệnh gọi tìm nạp thực sự đượ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:
- Tham số trong
Settings.minimumFetchIntervalMillis
. - Giá trị mặc định là 12 giờ.
Các bước tiếp theo
Hãy khám phá Remote Config trường hợp sử dụng và xem một số các khái niệm chính và tài liệu chiến lược nâng cao, bao gồm: