Catch up on everything we announced at this year's Firebase Summit. Learn more

Erste Schritte mit Cloud Storage im Web

Mit Cloud Storage for Firebase können Sie nutzergenerierte Inhalte wie Bilder und Videos hochladen und teilen, sodass Sie Rich Media-Inhalte in Ihre Apps integrieren können. Ihre Daten werden in einem gespeicherten Google Cloud Storage Eimer - eine Exabyte Maßstab Objektspeicherlösung mit hohen 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 fleckigen Netzwerken umgehen.

Voraussetzungen

Hinzufügen und die Firebase SDK konfigurieren in Ihre App.

Erstellen Sie einen standardmäßigen Cloud Storage-Bucket

  1. Aus dem Navigationsbereich der Firebase Konsole , Speicher auswählen, klicken Sie dann auf Erste Schritte.

  2. Lesen Sie die Nachrichten zum Sichern Ihrer Cloud Storage-Daten mithilfe von Sicherheitsregeln. Während der Entwicklung berücksichtigt Ihre Regeln für den Zugang der Öffentlichkeit einrichten .

  3. Wählen Sie einen Ort für Ihre Standard - Cloud Storage Eimer.

    • Diese Standorteinstellung ist das Projekt Standard - Google Cloud Platform (GCP) Ressource Standort . Beachten Sie, dass dieser Standort für GCP - Dienste in Ihrem Projekt , das eine Standorteinstellung erfordert verwendet werden, insbesondere, Ihre Cloud - Firestore - Datenbank und Ihre App Engine - App (die erforderlich ist , wenn Sie Cloud - Scheduler verwenden).

    • Wenn Sie keinen Standort auswählen können, verfügt Ihr Projekt bereits über 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 auf dem Blaze Plan sind, können Sie mehrere Eimer erstellen , jede mit ihrer eigenen Lage .

  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 indexiert werden sollen und wann Ihre Daten gelesen und in sie 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 loszulegen , ohne Einrichten Authentifizierung , können Sie Ihre Regeln für den Zugang der Öffentlichkeit konfigurieren .

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

Fügen Sie Ihre Bucket-URL zu Ihrer App hinzu

Wenn es schon nicht enthalten ist, müssen Sie Ihre Cloud Storage Eimer URL zu Ihrer hinzufügen Firebase App - Konfigurationsobjekt .

  1. Gehen Sie zu Ihrem Speicher Armaturenbrett in der Firebase Konsole .

  2. Klicken Sie auf die Registerkarte Dateien, dann schauen Sie in den Header der Datei - Viewer.

  3. Kopieren Sie die URL in Ihre Zwischenablage. Es ist in der Regel in Form project-id .appspot.com .

  4. Um Ihr firebaseConfig Objekt in Ihrer Anwendung, fügen Sie das storageBucket Attribut mit dem Eimer URL:

    Webversion 9

    import { initializeApp } from "firebase/app";
    import { getStorage } from "firebase/storage";
    
    // Set the configuration for your app
    // TODO: Replace with your app's config object
    const firebaseConfig = {
      apiKey: '<your-api-key>',
      authDomain: '<your-auth-domain>',
      databaseURL: '<your-database-url>',
      storageBucket: '<your-storage-bucket-url>'
    };
    const firebaseApp = initializeApp(firebaseConfig);
    
    // Get a reference to the storage service, which is used to create references in your storage bucket
    const storage = getStorage(firebaseApp);

    Webversion 8

    // Set the configuration for your app
    // TODO: Replace with your app's config object
    var firebaseConfig = {
      apiKey: '<your-api-key>',
      authDomain: '<your-auth-domain>',
      databaseURL: '<your-database-url>',
      storageBucket: '<your-storage-bucket-url>'
    };
    firebase.initializeApp(firebaseConfig);
    
    // Get a reference to the storage service, which is used to create references in your storage bucket
    var storage = firebase.storage();

Sie sind bereit, Cloud Storage zu verwenden!

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

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 über Daten mit unterschiedlichen Zugriffsmustern verfügen. Beispiel: Sie können einen multiregionalen oder regionalen Bucket einrichten, der Bilder oder andere Inhalte, auf die häufig zugegriffen wird, speichert, und einen Nearline- oder Coldline-Bucket, der Benutzer-Backups oder andere Inhalte, auf die selten zugegriffen wird, speichert.

In jedem dieser Anwendungsfälle, werden Sie wollen mehrere Cloud Storage Eimer 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 eine benutzerdefinierte Firebase App verwenden Instanz jedes weitere Konto zu authentifizieren.

Mehrere Cloud Storage-Buckets verwenden

Wenn Sie eine Cloud Storage Eimer andere als Standard verwenden wollen oben vorgesehen ist , oder verwenden Sie mehrere Cloud Storage Eimer in einer einzigen App können Sie eine Instanz erstellen firebase.storage , dass Verweise Ihre benutzerdefinierten Eimer:

Webversion 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");

Webversion 8

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

Mit importierten Buckets arbeiten

Wenn eine bestehende Cloud Storage Eimer in Firebase zu importieren, werden Sie Firebase die Möglichkeit zu gewähren , müssen diese Dateien mit dem Zugriff auf gsutil Werkzeug, in der im Lieferumfang enthaltenen Google Cloud SDK :

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

Sie können Ihre Projektnummer finden wie in der beschriebenen Einführung in Firebase Projekte .

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

Verwenden einer benutzerdefinierten Firebase-App

Wenn Sie eine komplizierte Anwendung , um einen benutzerdefiniertes Gebäude sind mit firebase.app.App , können Sie eine Instanz erstellen firebase.storage.Storage mit dieser App initialisiert:

Webversion 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");

Webversion 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