Inizia a utilizzare Firebase Remote Config


Puoi utilizzare Firebase Remote Config per definire parametri nella tua app e aggiornarne i valori nel cloud, consentendoti di modificarne l'aspetto e comportamento della tua app senza distribuire un aggiornamento. Questa guida ti illustrerà seguire i passaggi per iniziare e fornisce un codice campione, il tutto disponibili per la clonazione o il download dal firebase/quickstart-js GitHub di ASL.

Passaggio 1: aggiungi e inizializza l'SDK Remote Config

  1. Se non l'hai già fatto, installare l'SDK Firebase JS e inizializzare Firebase.

  2. Aggiungi l'SDK JS Remote Config e inizializza 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();

Questo oggetto viene utilizzato per archiviare i valori dei parametri predefiniti in-app, recuperare i dati aggiornati i valori dei parametri dal backend Remote Config e controllare quando vengono recuperati vengono resi disponibili per la tua app.

Passaggio 2: imposta l'intervallo di recupero minimo

Durante lo sviluppo, consigliamo di impostare un recupero minimo relativamente basso intervallo di tempo. Consulta la sezione Limitazione per ulteriori informazioni.

Web

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;
rc_set_minimum_fetch_time.js

Web

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;
index.js

Passaggio 3: imposta i valori dei parametri predefiniti in-app

Puoi impostare i valori parametro predefiniti in-app nell'Remote Config in modo che l'app si comporti come previsto prima di connettersi il backend Remote Config in modo che siano disponibili valori predefiniti se e nessuna sul backend.

Web

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

Web

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

Se hai già configurato i valori dei parametri di backend Remote Config, puoi scaricare un file JSON generato che include tutti i valori predefiniti e includerlo nel tuo app bundle:

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

Console Firebase

  1. Nella scheda Parametri, apri il Menu e seleziona Scarica i valori predefiniti.
  2. Quando richiesto, attiva .json per il web, quindi fai clic su Scarica file.

I seguenti esempi mostrano due diversi modi per eseguire l'importazione e impostare valori predefiniti nella tua app. Il primo esempio utilizza fetch, che renderà una Richiesta HTTP al file predefinito incluso nell'app bundle:

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

L'esempio successivo utilizza require, che compila i valori nella tua app al momento della creazione:

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

Passaggio 4: ottieni i valori parametro da utilizzare nell'app

Ora puoi ottenere i valori dei parametri dall'oggetto Remote Config. Se in seguito impostare valori nel backend, recuperarli e attivarli. Questi valori vengono disponibile per la tua app.Per ottenere questi valori, getValue(), fornendo il parametro come argomento.

Web

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

const val = getValue(remoteConfig, "welcome_messsage");
rc_get_values.js

Web

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

Passaggio 5: imposta i valori dei parametri

Utilizzando la console Firebase o le API di backend Remote Config, puoi creare nuovi valori predefiniti lato server che sostituiscono i valori in-app in base alla logica condizionale o al targeting per utente che preferisci. Questa sezione illustra la procedura da seguire nella console Firebase per creare questi valori.

  1. Nella console Firebase, apri il progetto.
  2. Seleziona Remote Config dal menu per visualizzare la Remote Config Fitbit.com.
  3. Definisci i parametri con gli stessi nomi di quelli definiti in la tua app. Per ogni parametro puoi impostare un valore predefinito (che alla fine sostituire il valore predefinito in-app) e puoi anche impostare i valori condizionali. Per saperne di più, consulta Remote Config Parametri e condizioni.

Passaggio 6: recupera e attiva i valori

  1. Per recuperare i valori dei parametri dal backend Remote Config, chiama il metodo fetchConfig() . Tutti i valori impostati sul backend vengono recuperati memorizzati nella cache nell'oggetto Remote Config.
  2. Per rendere disponibili per la tua app i valori dei parametri recuperati, chiama il metodo activate() .

Se vuoi recuperare e attivare i valori in una sola chiamata, utilizza fetchAndActivate() come mostrato in questo esempio:

Web

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

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

Web

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

Poiché questi valori parametro aggiornati influiscono sul comportamento e sull'aspetto della tua app, devi attivare i valori recuperati in un momento che garantisca un'esperienza fluida per l'utente, ad esempio la volta successiva che l'utente apre l'app. Per ulteriori informazioni ed esempi, consulta le strategie di caricamento di Remote Config.

Limitazione

Se un'app viene recuperata troppe volte in un breve periodo di tempo, le chiamate di recupero potrebbero throttled. In questi casi, l'SDK genera un errore FETCH_THROTTLE. Ti consigliamo di individuare l'errore e riprovare in modalità di backoff esponenziale. attendere intervalli più lunghi tra le successive richieste di recupero.

Durante lo sviluppo dell'app, potresti voler aggiornare la cache molto spesso (molte volte all'ora) per consentirti di eseguire rapidamente l'iterazione durante lo sviluppo e il test dell'app. Per consentire l'iterazione rapida di un progetto con numerosi sviluppatori, puoi aggiungere temporaneamente una proprietà con un intervallo di recupero minimo basso (Settings.minimumFetchIntervalMillis) nella tua app.

L'intervallo di recupero in produzione predefinito e consigliato per Remote Config è di 12 ore, ovvero indica che le configurazioni non saranno recuperate dal backend più di una volta in 12 ore finestra di dialogo, indipendentemente dal numero di chiamate di recupero effettivamente effettuate. Nello specifico, l'intervallo di recupero minimo viene determinato nel seguente ordine:

  1. Il parametro in Settings.minimumFetchIntervalMillis.
  2. Il valore predefinito di 12 ore.
di Gemini Advanced.

Passaggi successivi

Se non l'hai ancora fatto, consulta i Remote Config casi d'uso e dai un'occhiata ad alcuni dei concetti chiave e della documentazione sulle strategie avanzate, tra cui: