Skip to content

Creare il progetto

QuizMS usa diversi servizi di Firebase:

  • Firestore per il database;
  • Storage per salvare i testi;
  • Hosting per il sito web;
  • Authentication per l'autenticazione degli utenti.

Il modo più semplice di configurarli è usando l'interfaccia web di Firebase.

Prerequisiti

Installa Firebase CLI e Google Cloud SDK:

Creare un nuovo progetto su Firebase

  1. Vai sulla console firebase e clicca su "Aggiungi progetto".
  2. Una volta creato il progetto, nella home clicca sul pulsante con simbolo del codice per aggiungere un'app web.
  3. Usa il nickname "web" e clicca su "Registra l'app".
  4. Copia l'oggetto di configurazione di firebase e incollalo nel file firebase-config.js del progetto.

Configurare Firestore

  1. Accedi alla console di firebase;
  2. Vai su tutti i prodotti;
  3. Vai su Could Firestore;
  4. Clicca su "Crea database";
  5. Scegli la località europe-west6 (Zurigo) e clicca su "Avanti";
  6. Seleziona "modalità di produzione" e clicca su "Crea";

Configurare Storage

  1. Accedi alla console di firebase;
  2. Vai su tutti i prodotti;
  3. Vai su Storage;
  4. Clicca su "Inizia";
  5. Seleziona europe-west6 e clicca su "Continua";
  6. Seleziona "modalità di produzione" e clicca su "Crea";

Configurare Authentication

  1. Accedi alla console di firebase;
  2. Vai su tutti i prodotti;
  3. Vai su Authentication;
  4. Clicca su "Inizia";
  5. Seleziona tra i provider nativi "Email/password";
  6. Abilita "Email/password" e clicca su "Salva";
  7. Clicca su "Aggiungi un nuovo provider";
  8. Seleziona tra i provider nativi "Anonimo";
  9. Abilita "Anonimo" e clicca su "Salva";
  10. Vai nella tab "Impostazioni" e nella sezione "Azioni utente" disabilita "Protezione enumerazione email";

Configurare Hosting

  1. Accedi alla console di firebase;
  2. Vai su tutti i prodotti;
  3. Vai su Hosting;
  4. Clicca su "Inizia";
  5. Ignora tutti i passaggi e clicca su "Avanti" fino a quando non arrivi alla fine;
  6. Per configurare il dominio, vai su "Aggiungi dominio personalizzato" e segui le istruzioni, il dominio deve essere configurato almeno 24 ore prima dell'inizio della gara.

Seleziona il piano a pagamento

  1. Accedi alla console di firebase;
  2. In basso a sinistra accanto alla scritta "Spark", clicca su "Esegui l'upgrade";
  3. Scegli il piano a consumo Blaze e configura il pagamento.

Completa la configurazione

  1. Autenticati con Google Cloud:
    sh
    $ gcloud auth application-default login
  2. Imposta il progetto di default:
    sh
    $ firebase use --add
  3. Inizializza il progetto locale:
    sh
    $ npx quizms firebase init
  4. Carica le regole di sicurezza e gli indici:
    sh
    $ firebase deploy --only firestore,storage