Erste Schritte mit Cloud Storage im Web

Mit Cloud Storage for Firebase können Sie Inhalte wie Bilder, Audio, Video und andere Dateien (einschließlich von Nutzern erstellte Inhalte) hochladen und freigeben, um Rich-Media-Inhalte in Ihre Apps einzubinden. Ihre Daten werden in einem Google Cloud Storage-Bucket gespeichert, einer Objektspeicherlösung im Exabyte-Maßstab mit Hochverfügbarkeit und globaler Redundanz. Mit Cloud Storage for Firebase können Sie diese Dateien sicher direkt von Mobilgeräten und Webbrowsern hochladen und unzuverlässige Netzwerke problemlos bewältigen.

Hinweis

  1. Falls noch nicht geschehen, lesen Sie den Startleitfaden für Web-Apps. Dazu zählen:

    • Firebase-Projekt erstellen

    • Registrieren Sie Ihre Web-App im Projekt und verbinden Sie sie mit Firebase, indem Sie das Firebase JS SDK und Ihr Firebase-Konfigurationsobjekt in Ihre App einfügen.

  2. Achten Sie darauf, dass für Ihr Firebase-Projekt das Blaze-Preismodell (Pay as you go) gilt. Dies ist eine Voraussetzung für die Verwendung von Cloud Storage for Firebase. Wenn Sie neu bei Firebase und Google Cloud sind, prüfen Sie, ob Sie Anspruch auf ein Guthaben von 300 $ für einen kostenlosen Testzeitraum haben.

Standard-Cloud Storage-Bucket erstellen

  1. Rufen Sie in der Firebase-Konsole Datenbanken und Speicher > Speicher auf.

    Wenn Ihr Projekt noch nicht auf dem Blaze-Preismodell (Pay as you go) basiert, werden Sie aufgefordert, ein Upgrade für Ihr Projekt durchzuführen.

  2. Klicken Sie auf Jetzt starten.

  3. Wählen Sie einen Standort für Ihren Standard-Bucket aus.

  4. Konfigurieren Sie die Firebase Security Rules für Ihren Standard-Bucket. Während der Entwicklung sollten Sie Ihre Regeln für den öffentlichen Zugriff einrichten.

  5. Klicken Sie auf Fertig.

Sie können den Bucket jetzt in der Firebase-Konsole aufrufen. Gehen Sie dazu zum Tab Datenbanken und Speicher > Speicher > Dateien. Das Format des Standard-Bucket-Namens ist PROJECT_ID.firebasestorage.app.

Öffentlichen Zugriff einrichten

Cloud Storage for Firebase bietet eine deklarative Regelsprache, mit der Sie festlegen können, wie Ihre Daten strukturiert und indexiert werden sollen und wann Daten gelesen und geschrieben werden können. Standardmäßig ist der Lese- und Schreibzugriff auf Cloud Storage eingeschränkt, sodass nur authentifizierte Nutzer Daten lesen oder schreiben können. Wenn Sie ohne Einrichtung von Authentication beginnen möchten, können Sie Ihre Regeln für den öffentlichen Zugriff konfigurieren.

Dadurch wird Cloud Storage für alle zugänglich, auch für Personen, die Ihre App nicht verwenden. Achten Sie also darauf, Cloud Storage wieder einzuschränken, wenn Sie die Authentifizierung einrichten.

Cloud Storage JS SDK hinzufügen und Cloud Storage initialisieren

Sie müssen den Namen Ihres Cloud Storage-Buckets angeben, wenn Sie das JavaScript SDK initialisieren.

Den Namen Ihres Cloud Storage-Buckets finden Sie in der Firebase-Konsole. Rufen Sie dazu den Tab Datenbanken und Speicher > Speicher > Dateien auf. Je nachdem, wann Sie Ihren Standard-Bucket erstellt haben, hat der Bucket-Name eines der folgenden Formate:

  • PROJECT_ID.firebasestorage.app (Standard-Bucket erstellt am oder nach dem September 2024)
  • PROJECT_ID.appspot.com (Legacy-Standard-Bucket, der vor September 2024 erstellt wurde)

Initialisieren Sie das SDK mit dem folgenden Code-Snippet:

Web 

import { initializeApp } from "firebase/app";
import { getStorage } from "firebase/storage";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  storageBucket: 'BUCKET_NAME'
};

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


// Initialize Cloud Storage and get a reference to the service
const storage = getStorage(app);

Web 

import firebase from "firebase/app";
import "firebase/compat/storage";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  storageBucket: 'BUCKET_NAME'
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Cloud Storage and get a reference to the service
const storage = firebase.storage();

Du kannst Cloud Storage jetzt verwenden.

Nächster Schritt? Cloud Storage-Referenz erstellen

Erweiterte Einrichtung

In einigen Anwendungsfällen ist eine zusätzliche Einrichtung erforderlich:

Der erste Anwendungsfall ist ideal, wenn Sie Nutzer auf der ganzen Welt haben und deren Daten in ihrer Nähe speichern möchten. Sie können beispielsweise Buckets in den USA, Europa und Asien erstellen, um Daten für Nutzer in diesen Regionen zu speichern und die Latenz zu verringern.

Der zweite Anwendungsfall ist hilfreich, wenn Sie Daten mit unterschiedlichen Zugriffsmustern haben. Sie können beispielsweise einen multiregionalen oder regionalen Bucket einrichten, in dem Bilder oder andere häufig aufgerufene Inhalte gespeichert werden, und einen Nearline- oder Coldline-Bucket, in dem Nutzersicherungen oder andere selten aufgerufene Inhalte gespeichert werden.

In beiden Anwendungsfällen sollten Sie mehrere Cloud Storage-Buckets verwenden.

Der dritte Anwendungsfall ist nützlich, wenn Sie eine App wie Google Drive entwickeln, in der Nutzer mehrere angemeldete Konten haben können (z. B. ein privates und ein geschäftliches Konto). Sie können eine benutzerdefinierte Firebase-App-Instanz verwenden, um jedes zusätzliche Konto zu authentifizieren.

Mehrere Cloud Storage-Buckets verwenden

Wenn Sie einen anderen Cloud Storage-Bucket als den zuvor in diesem Leitfaden beschriebenen Standard-Bucket verwenden oder mehrere Cloud Storage-Buckets in einer einzelnen App verwenden möchten, können Sie eine Instanz von firebase.storage erstellen, die auf Ihren benutzerdefinierten Bucket verweist:

Web

import { getApp } from "firebase/app";
import { getStorage } from "firebase/storage";

// Get a non-default Storage bucket
const firebaseApp = getApp();
const storage = getStorage(firebaseApp, "gs://my-custom-bucket");

Web

// Get a non-default Storage bucket
var storage = firebase.app().storage("gs://my-custom-bucket");

Mit importierten Buckets arbeiten

Wenn Sie einen vorhandenen Cloud Storage-Bucket in Firebase importieren, müssen Sie Firebase mit dem Tool gsutil, das im Google Cloud SDK enthalten ist, Zugriff auf diese Dateien gewähren:

gsutil -m acl ch -r -u service-PROJECT_NUMBER@gcp-sa-firebasestorage.iam.gserviceaccount.com gs://BUCKET_NAME

Ihre Projektnummer finden Sie wie in der Einführung in Firebase-Projekte beschrieben.

Dies hat keine Auswirkungen auf neu erstellte Buckets, da für diese die Standardzugriffssteuerung so festgelegt ist, dass Firebase zugelassen wird. Dies ist eine vorübergehende Maßnahme und wird in Zukunft automatisch durchgeführt.

Benutzerdefinierte Firebase-App verwenden

Wenn Sie eine komplexere Anwendung mit einer benutzerdefinierten firebase.app.App erstellen, können Sie eine Instanz von firebase.storage.Storage erstellen, die mit dieser Anwendung initialisiert wird:

Web

import { getStorage } from "firebase/storage";

// Get the default bucket from a custom firebase.app.App
const storage1 = getStorage(customApp);

// Get a non-default bucket from a custom firebase.app.App
const storage2 = getStorage(customApp, "gs://my-custom-bucket");

Web

// Get the default bucket from a custom firebase.app.App
var storage = customApp.storage();

// Get a non-default bucket from a custom firebase.app.App
var storage = customApp.storage("gs://my-custom-bucket");

Nächste Schritte