El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
HOME Els meus cursos Finalitzats
◄ Anterior
◄

Configuració de Firebase

Següent ►
►

En aquest tema, aprendrem com configurar Firebase per al nostre projecte. Aquest procés inclou la creació d'un projecte a la consola de Firebase, la integració del SDK de Firebase a la nostra aplicació i la configuració inicial necessària per començar a utilitzar els serveis de Firebase.

  1. Creació d'un projecte a la consola de Firebase

Pas 1: Accedir a la consola de Firebase

  1. Obre el navegador web i ves a Firebase Console.
  2. Inicia sessió amb el teu compte de Google.

Pas 2: Crear un nou projecte

  1. Fes clic a "Add project" (Afegeix projecte).
  2. Introdueix un nom per al teu projecte i fes clic a "Continue" (Continua).
  3. (Opcional) Pots habilitar Google Analytics per al teu projecte. Si ho fas, selecciona la configuració d'Analytics i fes clic a "Create project" (Crea projecte).
  4. Espera uns moments mentre es crea el projecte. Un cop creat, fes clic a "Continue" (Continua).

  1. Integració del SDK de Firebase a la teva aplicació

Pas 1: Afegir una aplicació al projecte de Firebase

  1. A la consola de Firebase, fes clic a la icona de la plataforma corresponent (iOS, Android o Web) per afegir una aplicació.
  2. Segueix les instruccions per registrar la teva aplicació. Per exemple, per a una aplicació Android, hauràs de proporcionar el nom del paquet de l'aplicació.

Pas 2: Descarregar el fitxer de configuració

  1. Després de registrar l'aplicació, descarrega el fitxer de configuració (google-services.json per a Android o GoogleService-Info.plist per a iOS).
  2. Afegeix aquest fitxer al directori adequat del teu projecte (normalment a la carpeta app per a Android o al directori arrel del projecte per a iOS).

Pas 3: Afegir les dependències del SDK de Firebase

  1. Obre el fitxer de configuració de dependències del teu projecte (build.gradle per a Android o Podfile per a iOS).
  2. Afegeix les dependències necessàries per als serveis de Firebase que vols utilitzar. Per exemple, per a Android:
// build.gradle (Project level)
buildscript {
    dependencies {
        // Add this line
        classpath 'com.google.gms:google-services:4.3.10'
    }
}

// build.gradle (App level)
apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services' // Add this line

dependencies {
    // Add the Firebase SDK for Google Analytics
    implementation 'com.google.firebase:firebase-analytics:19.0.0'
    // Add other Firebase SDKs as needed
}

Per a iOS, afegeix les dependències al Podfile:

# Podfile
platform :ios, '10.0'

target 'YourApp' do
  use_frameworks!
  pod 'Firebase/Analytics'
  # Add other Firebase pods as needed
end
  1. Executa pod install per a iOS o sincronitza el projecte per a Android per assegurar-te que les dependències es descarreguen correctament.

  1. Inicialització de Firebase a l'aplicació

Android

  1. Obre el fitxer MainActivity.java o MainActivity.kt i inicialitza Firebase al mètode onCreate:
import com.google.firebase.FirebaseApp;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Initialize Firebase
        FirebaseApp.initializeApp(this);
    }
}

iOS

  1. Obre el fitxer AppDelegate.swift i inicialitza Firebase al mètode application:didFinishLaunchingWithOptions:
import UIKit
import Firebase

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Initialize Firebase
        FirebaseApp.configure()
        return true
    }
}

Web

  1. Afegeix el codi de configuració de Firebase al teu fitxer JavaScript principal:
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";

// Your web app's Firebase configuration
const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_PROJECT_ID.appspot.com",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
};

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

Exercici Pràctic

Objectiu

Configurar un projecte de Firebase i integrar-lo a una aplicació Android.

Passos

  1. Crea un nou projecte a la consola de Firebase.
  2. Registra una aplicació Android al projecte.
  3. Descarrega el fitxer google-services.json i afegeix-lo al directori app del teu projecte Android.
  4. Afegeix les dependències de Firebase al fitxer build.gradle.
  5. Inicialitza Firebase a la classe MainActivity.

Solució

Segueix els passos detallats anteriorment per completar l'exercici.

Conclusió

En aquesta secció, hem après com configurar Firebase per al nostre projecte, incloent la creació d'un projecte a la consola de Firebase, la integració del SDK de Firebase a la nostra aplicació i la inicialització de Firebase. Amb aquesta configuració bàsica, estem preparats per començar a utilitzar els serveis de Firebase en els nostres projectes.

◄ Anterior
◄
Següent ►
►

Curs de Firebase

Mòdul 1: Introducció a Firebase

Mòdul 2: Autenticació de Firebase

Mòdul 3: Base de dades en temps real de Firebase

Mòdul 4: Cloud Firestore

Mòdul 5: Emmagatzematge de Firebase

Mòdul 6: Missatgeria en el núvol de Firebase

Mòdul 7: Analítica de Firebase

Mòdul 8: Funcions de Firebase

Mòdul 9: Monitoratge del rendiment de Firebase

Mòdul 10: Laboratori de proves de Firebase

Mòdul 11: Temes avançats de Firebase

El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
© Copyright 2024. Tots els drets reservats