Firebase is back at Google I/O on May 10! Register now

Beginnen Sie mit Cloud Storage on Web

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Mit Cloud Storage for Firebase können Sie von Benutzern generierte Inhalte wie Bilder und Videos hochladen und freigeben, wodurch Sie Rich-Media-Inhalte in Ihre Apps integrieren können. Ihre Daten werden in einem Google Cloud Storage- Bucket gespeichert – einer Objektspeicherlösung im Exabyte-Bereich mit hoher Verfügbarkeit und globaler Redundanz. Mit Cloud Storage for Firebase können Sie diese Dateien sicher direkt von Mobilgeräten und Webbrowsern hochladen und problemlos mit unregelmäßigen Netzwerken umgehen.

Voraussetzungen

Falls noch nicht geschehen, installieren Sie das Firebase JS SDK und initialisieren Sie Firebase .

Erstellen Sie einen standardmäßigen Cloud Storage-Bucket

  1. Wählen Sie im Navigationsbereich der Firebase-Konsole Speicher aus und klicken Sie dann auf Erste Schritte .

  2. Lesen Sie die Mitteilung zum Sichern Ihrer Cloud Storage-Daten mithilfe von Sicherheitsregeln. Erwägen Sie während der Entwicklung, Ihre Regeln für den öffentlichen Zugriff einzurichten .

  3. Wählen Sie einen Speicherort für Ihren standardmäßigen Cloud Storage-Bucket aus.

    • Diese Standorteinstellung ist der standardmäßige Google Cloud Platform (GCP)-Ressourcenstandort Ihres Projekts . Beachten Sie, dass dieser Standort für GCP-Dienste in Ihrem Projekt verwendet wird, die eine Standorteinstellung erfordern, insbesondere Ihre Cloud Firestore- Datenbank und Ihre App Engine -App (was erforderlich ist, wenn Sie Cloud Scheduler verwenden).

    • Wenn Sie keinen Standort auswählen können, hat Ihr Projekt bereits einen standardmäßigen GCP-Ressourcenstandort. Es wurde entweder während der Projekterstellung oder beim Einrichten eines anderen Dienstes festgelegt, der eine Standorteinstellung erfordert.

    Wenn Sie den Blaze-Plan haben, können Sie mehrere Buckets mit jeweils einem eigenen Standort erstellen.

  4. Klicken Sie auf Fertig .

Öffentlichen Zugang einrichten

Cloud Storage for Firebase bietet eine deklarative Regelsprache, mit der Sie definieren können, wie Ihre Daten strukturiert und indiziert werden sollen und wann Ihre Daten gelesen und geschrieben werden können. Standardmäßig ist der Lese- und Schreibzugriff auf Cloud Storage eingeschränkt, sodass nur authentifizierte Benutzer Daten lesen oder schreiben können. Um zu beginnen, ohne die Authentifizierung einzurichten, können Sie Ihre Regeln für den öffentlichen Zugriff konfigurieren .

Dadurch wird Cloud Storage für jeden zugänglich, auch für Personen, die Ihre App nicht verwenden. Stellen Sie also sicher, dass Sie Ihren Cloud Storage erneut einschränken, wenn Sie die Authentifizierung einrichten.

Fügen Sie Ihrer App Ihre Bucket-URL hinzu

Wenn sie noch nicht enthalten ist, müssen Sie die URL Ihres Cloud Storage-Buckets zum Konfigurationsobjekt Ihrer Firebase-App hinzufügen.

  1. Gehen Sie in der Firebase-Konsole zu Ihrem Speicher-Dashboard .

  2. Klicken Sie auf die Registerkarte Dateien und sehen Sie dann in der Kopfzeile des Dateibetrachters nach.

  3. Kopieren Sie die URL in Ihre Zwischenablage. Sie hat normalerweise die Form project-id .appspot.com .

  4. Fügen Sie Ihrem firebaseConfig Objekt in Ihrer App das Attribut storageBucket mit Ihrer Bucket-URL hinzu:

Web version 9

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: ''
};

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


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

Web version 8

import firebase from "firebase/app";
import "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: '[your-storage-bucket-url]'
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


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

Sie sind bereit, Cloud Storage zu verwenden!

Nächster Schritt? Erfahren Sie, wie Sie eine Cloud Storage-Referenz erstellen .

Erweiterte Einrichtung

Es gibt einige Anwendungsfälle, die eine zusätzliche Einrichtung erfordern:

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

Der zweite Anwendungsfall ist hilfreich, wenn Sie Daten mit unterschiedlichen Zugriffsmustern haben. Zum Beispiel: Sie können einen multiregionalen oder regionalen Bucket einrichten, der Bilder oder andere häufig aufgerufene Inhalte speichert, und einen Nearline- oder Coldline-Bucket, der Benutzer-Backups oder andere selten aufgerufene Inhalte speichert.

In jedem dieser Anwendungsfälle sollten Sie mehrere Cloud Storage-Buckets verwenden .

Der dritte Anwendungsfall ist nützlich, wenn Sie eine App wie Google Drive erstellen, mit der Benutzer mehrere angemeldete Konten haben können (z. B. ein privates Konto und ein Arbeitskonto). Sie können jedes zusätzliche Konto mit einer benutzerdefinierten Firebase-App- Instanz authentifizieren.

Verwenden Sie mehrere Cloud Storage-Buckets

Wenn Sie einen anderen Cloud Storage-Bucket als den oben angegebenen Standard 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 version 9

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

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

Arbeiten mit importierten Buckets

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

gsutil -m acl ch -r -u service-<project number>@gcp-sa-firebasestorage.iam.gserviceaccount.com gs://<your-cloud-storage-bucket>

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

Dies wirkt sich nicht auf neu erstellte Buckets aus, da für diese die Standardzugriffssteuerung so eingestellt ist, dass sie Firebase zulässt. Dies ist eine vorübergehende Maßnahme und wird in Zukunft automatisch durchgeführt.

Verwenden Sie eine benutzerdefinierte Firebase-App

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

Web version 9

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

// 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