Check out what’s new from Firebase at Google I/O 2022. Learn more

Inizia con la configurazione remota di Firebase

Puoi utilizzare Firebase Remote Config per definire i parametri nella tua app e aggiornarne i valori nel cloud, consentendoti di modificare l'aspetto e il comportamento della tua app senza distribuire un aggiornamento dell'app. Questa guida ti guida attraverso i passaggi per iniziare e fornisce alcuni esempi di codice, tutti disponibili per clonare o scaricare dal repository GitHub di firebase/quickstart-js .

Aggiungi e inizializza l'SDK di configurazione remota

  1. Se non lo hai già fatto, installa Firebase JS SDK e inizializza Firebase .

  2. Aggiungi Remote Config JS SDK e inizializza Remote Config:

Web version 9

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 version 8

import firebase from "firebase/app";
import "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
firebase.initializeApp(firebaseConfig);


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

Questo oggetto viene usato per archiviare i valori dei parametri predefiniti in-app, recuperare i valori dei parametri aggiornati dal back-end di Remote Config e controllare quando i valori recuperati vengono resi disponibili all'app.

Imposta l'intervallo di recupero minimo

Durante lo sviluppo, si consiglia di impostare un intervallo di recupero minimo relativamente basso. Per ulteriori informazioni, vedere limitazione .

Web version 9

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;

Web version 8

remoteConfig.settings.minimumFetchIntervalMillis = 3600000;

Imposta i valori dei parametri predefiniti in-app

È possibile impostare i valori dei parametri predefiniti in-app nell'oggetto Remote Config, in modo che l'app si comporti come previsto prima di connettersi al back-end di Remote Config e in modo che i valori predefiniti siano disponibili se non ne sono impostati sul back-end.

Web version 9

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

Web version 8

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

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

RIPOSO

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 valori predefiniti .
  2. Quando richiesto, abilita .json per il web , quindi fai clic su Scarica file .

Gli esempi seguenti mostrano due modi diversi per importare e impostare valori predefiniti nella tua app. Il primo esempio utilizza fetch , che effettuerà una richiesta HTTP al file di default incluso nell'app bundle:


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

L'esempio successivo usa require , che compila i valori nell'app in fase di compilazione:

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

Ottieni i valori dei parametri da utilizzare nella tua app

Ora puoi ottenere i valori dei parametri dall'oggetto Remote Config. Se in seguito imposti i valori nel back-end, li recuperi e poi li attivi, quei valori sono disponibili per la tua app. Per ottenere questi valori, chiama il metodo getValue() , fornendo la chiave del parametro come argomento.

Web version 9

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

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

Web version 8

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

Impostare i valori dei parametri

Utilizzando la console Firebase o le API di back-end di Remote Config , puoi creare nuovi valori predefiniti lato server che sovrascrivono i valori in-app in base alla logica condizionale o al targeting dell'utente desiderati. Questa sezione ti guida attraverso i passaggi di Firebase Console per creare questi valori.

  1. Nella console Firebase , apri il tuo progetto.
  2. Selezionare Remote Config dal menu per visualizzare il dashboard di Remote Config.
  3. Definisci parametri con gli stessi nomi dei parametri che hai definito nella tua app. Per ogni parametro, puoi impostare un valore predefinito (che alla fine sostituirà il valore predefinito in-app) e puoi anche impostare valori condizionali. Per ulteriori informazioni, vedere Parametri e condizioni di configurazione remota .

Recupera e attiva valori

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

Per i casi in cui desideri recuperare e attivare valori in una chiamata, usa fetchAndActivate() come mostrato in questo esempio:

Web version 9

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

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

Web version 8

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

Poiché questi valori dei parametri aggiornati influiscono sul comportamento e sull'aspetto dell'app, è necessario attivare i valori recuperati in un momento che garantisca un'esperienza fluida per l'utente, ad esempio la prossima volta che l'utente apre l'app. Per ulteriori informazioni ed esempi, vedere Strategie di caricamento della configurazione remota .

Limitazione

Se un'app recupera troppe volte in un breve periodo di tempo, le chiamate di recupero potrebbero essere limitate. In questi casi, l'SDK genera un errore FETCH_THROTTLE . Si consiglia di rilevare questo errore e riprovare in modalità backoff esponenziale, aspettando intervalli più lunghi tra le successive richieste di recupero.

Durante lo sviluppo dell'app, potresti voler aggiornare la cache molto frequentemente (molte volte all'ora) per consentirti di scorrere rapidamente durante lo sviluppo e il test dell'app. Per consentire una rapida iterazione su 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 della produzione predefinito e consigliato per Remote Config è di 12 ore, il che significa che le configurazioni non verranno recuperate dal back-end più di una volta in una finestra di 12 ore, indipendentemente dal numero di chiamate di recupero effettivamente effettuate. In particolare, l'intervallo minimo di recupero è determinato nel seguente ordine:

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

Next steps

If you haven't already, explore the Remote Config use cases , and take a look at some of the key concepts and advanced strategies documentation, including: