Firebase-godkendelse og apps med realtidsdatabase · Lektion

Integration af Firebase SDK

Forstå, hvordan du tilføjer Firebase SDK til din applikation og initialiserer det til brug med forskellige tjenester.

Lektion 3 af 411 trin

Integration af Firebase SDK er en gratis Firebase-godkendelse og apps med realtidsdatabase-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Firebase-godkendelse og apps med realtidsdatabase, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Firebase-godkendelse og apps med realtidsdatabase-kurset indeholder 4 lektioner i alt.

Din apps Firebase-værktøjskasse

Firebase SDK (Software Development Kit) er den værktøjskasse, Firebase giver dig — koden og værktøjerne, der lader din app kommunikere med Firebase-tjenester.

Hvorfor integrere SDK'et?

Hvorfor bruge værktøjskassen? Uden Firebase SDK kan din app ganske enkelt ikke få adgang til Firebase. Det er broen til godkendelse, databaser, lager og resten.

SDK'er til forskellige platforme

Hver platform får sit eget SDK: JavaScript til web, Java/Kotlin til Android, Swift til iOS samt wrapper-SDK'er til Flutter eller React Native.

Web: Tilføjelse af SDK'et via CDN

På web er den enkleste måde at tilføje SDK'et på at bruge script-tags, der indlæser Firebase fra et CDN. Medtag kun de produkter, du faktisk planlægger at bruge.

<!-- The core Firebase JS SDK must be loaded first -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>

<!-- Add Firebase products you want to use -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js"></script>

Dit Firebase-konfigurationsobjekt

Din app skal vide, hvilket projekt den skal oprette forbindelse til, og det findes i objektet firebaseConfig — API-nøgle, projekt-id og mere — under projektindstillingerne.

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

Initialisering af Firebase på web

Når SDK'et er indlæst, og din konfiguration er klar, skal du initialisere Firebase ved at kalde firebase.initializeApp(config) for at åbne forbindelsen.

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Now Firebase is ready to use!
// For example, you could then get the Auth service:
// const auth = firebase.auth();

Prøv selv: Komplet eksempel på webinitialisering

Her er en komplet, minimal HTML-side, der indlæser SDK'et via CDN og initialiserer det. Erstat værdierne med din rigtige konfiguration, og hold øje med konsollen.

<!DOCTYPE html>
<html>
<head>
  <title>Firebase Web Init</title>
</head>
<body>
  <h1>Check the Console!</h1>

  <!-- Firebase SDKs - make sure these are correct versions -->
  <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
  <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>

  <script>
    // Your web app's Firebase configuration (replace with your actual config)
    const firebaseConfig = {
      apiKey: "AIzaSyC...", // Your actual API Key
      authDomain: "your-project-id.firebaseapp.com",
      projectId: "your-project-id",
      storageBucket: "your-project-id.appspot.com",
      messagingSenderId: "1234567890",
      appId: "1:1234567890:web:abcdef123456"
    };

    // Initialize Firebase
    const app = firebase.initializeApp(firebaseConfig);
    console.log("Firebase app initialized successfully!");
    console.log(app); // You can inspect the initialized app object

    // Now you can access Firebase services, e.g.:
    // const auth = firebase.auth();
    // console.log("Firebase Auth service ready.");
  </script>
</body>
</html>

Adgang til Firebase-tjenester

Efter initialiseringen kan du hente de tjenester, du har brug for — f.eks. getAuth(app) eller getFirestore(app) — fra den initialiserede app-instans.

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth"; // For Authentication
import { getFirestore } from "firebase/firestore"; // For Firestore Database

const firebaseConfig = { /* ... your config ... */ };

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

// Get a reference to the Auth service
const auth = getAuth(app);

// Get a reference to the Firestore service
const db = getFirestore(app);

// Now 'auth' and 'db' are ready to be used in your app!

Hvorfor initialisering er afgørende

Initialisering er håndtrykket: dit projectId vælger backend, din apiKey identificerer appen, og SDK'et opretter adgang til tjenesterne.

Hurtigt tjek: Initialisering af SDK'et

Du har lært om integration og initialisering af Firebase-SDK'et. Lad os se, om du kan identificere det korrekte første trin i forbindelsen mellem din webapp og Firebase.

Besvar den i den interaktive lektion

Opsummering: SDK-integration

Opsummering: Firebase SDK forbinder din app, du tilføjer det via CDN til web, din firebaseConfig angiver projektet, og initializeApp åbner forbindelsen.

Gratis at komme i gang

Lær Firebase-godkendelse og apps med realtidsdatabase med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 11
Lektioner: 44

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Integration af Firebase SDK” gratis?

Ja — hele teksten til “Integration af Firebase SDK” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Firebase-godkendelse og apps med realtidsdatabase-kurset, skal du opgradere til CoddyKit PRO. Firebase-godkendelse og apps med realtidsdatabase-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Integration af Firebase SDK”?

Forstå, hvordan du tilføjer Firebase SDK til din applikation og initialiserer det til brug med forskellige tjenester. Du øver dig i Firebase-godkendelse og apps med realtidsdatabase med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Firebase-godkendelse og apps med realtidsdatabase?

Der kræves ingen tidligere erfaring. Firebase-godkendelse og apps med realtidsdatabase på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “Integration af Firebase SDK”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Firebase-godkendelse og apps med realtidsdatabase-lektion?

Ja. Alle Firebase-godkendelse og apps med realtidsdatabase-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

← Tilbage til Firebase-godkendelse og apps med realtidsdatabase