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 also 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:

    Web v8

    // 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();

    Web v9

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

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 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, 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:

Web v8

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

Web v9

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

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:

Web v8

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

Web v9

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

Nächste Schritte