Listen Sie Dateien mit Cloud Storage im Web auf

Mit Cloud Storage für Firebase können Sie den Inhalt Ihres Cloud Storage-Buckets auflisten. Die SDKs geben sowohl die Elemente als auch die Präfixe von Objekten unter der aktuellen Cloud Storage-Referenz zurück.

Projekte, die die List API verwenden, erfordern Cloud Storage für Firebase Rules Version 2. Wenn Sie über ein bestehendes Firebase-Projekt verfügen, befolgen Sie die Schritte im Security Rules Guide .

list() verwendet die Google Cloud Storage List API . In Cloud Storage für Firebase verwenden wir / als Trennzeichen, wodurch wir die Dateisystemsemantik emulieren können. Um eine effiziente Durchquerung großer, hierarchischer Cloud Storage-Buckets zu ermöglichen, gibt die List API Präfixe und Elemente separat zurück. Wenn Sie beispielsweise eine Datei /images/uid/file1 hochladen,

• root.child('images').listAll() gibt /images/uid als Präfix zurück.
• root.child('images/uid').listAll() gibt die Datei als Element zurück.

Das Cloud Storage for Firebase SDK gibt keine Objektpfade zurück, die zwei aufeinanderfolgende / s enthalten oder mit einem /. . Betrachten Sie beispielsweise einen Bucket mit den folgenden Objekten:

• correctPrefix/happyItem
• wrongPrefix//sadItem
• lonelyItem/

Die Listenoperationen für Elemente in diesem Bucket führen zu den folgenden Ergebnissen:

• Die Listenoperation im Stammverzeichnis gibt die Verweise auf correctPrefix , wrongPrefix und lonelyItem als prefixes zurück.
• Die Listenoperation bei „ correctPrefix/ gibt die Verweise auf correctPrefix/happyItem als items zurück.
• Die Listenoperation bei wrongPrefix/ gibt keine Referenzen zurück, da wrongPrefix//sadItem zwei aufeinanderfolgende / s enthält.
• Die Listenoperation am lonelyItem/ gibt keine Referenzen zurück, da das Objekt lonelyItem/ mit / endet.

Listen Sie alle Dateien auf

Mit listAll können Sie alle Ergebnisse für ein Verzeichnis abrufen. Dies eignet sich am besten für kleine Verzeichnisse, da alle Ergebnisse im Speicher zwischengespeichert werden. Der Vorgang gibt möglicherweise auch keinen konsistenten Snapshot zurück, wenn während des Prozesses Objekte hinzugefügt oder entfernt werden.

Verwenden Sie für eine große Liste die paginierte list() Methode, da listAll() alle Ergebnisse im Speicher puffert.

Das folgende Beispiel demonstriert listAll .

import { getStorage, ref, listAll } from "firebase/storage";

const storage = getStorage();

// Create a reference under which you want to list
const listRef = ref(storage, 'files/uid');

// Find all the prefixes and items.
listAll(listRef)
  .then((res) => {
    res.prefixes.forEach((folderRef) => {
      // All the prefixes under listRef.
      // You may call listAll() recursively on them.
    });
    res.items.forEach((itemRef) => {
      // All the items under listRef.
    });
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
storage_list_all.js

// Create a reference under which you want to list
var listRef = storageRef.child('files/uid');

// Find all the prefixes and items.
listRef.listAll()
  .then((res) => {
    res.prefixes.forEach((folderRef) => {
      // All the prefixes under listRef.
      // You may call listAll() recursively on them.
    });
    res.items.forEach((itemRef) => {
      // All the items under listRef.
    });
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
list-files.js

Listenergebnisse paginieren

Die list() API begrenzt die Anzahl der zurückgegebenen Ergebnisse. list() sorgt für einen konsistenten Seitenaufruf und stellt ein pageToken bereit, das die Kontrolle darüber ermöglicht, wann zusätzliche Ergebnisse abgerufen werden.

Das pageToken kodiert den Pfad und die Version des letzten im vorherigen Ergebnis zurückgegebenen Elements. In einer nachfolgenden Anfrage mit dem pageToken werden Elemente angezeigt, die nach dem pageToken folgen.

Das folgende Beispiel zeigt die Paginierung eines Ergebnisses mit async/await .

import { getStorage, ref, list } from "firebase/storage";

async function pageTokenExample(){
  // Create a reference under which you want to list
  const storage = getStorage();
  const listRef = ref(storage, 'files/uid');

  // Fetch the first page of 100.
  const firstPage = await list(listRef, { maxResults: 100 });

  // Use the result.
  // processItems(firstPage.items)
  // processPrefixes(firstPage.prefixes)

  // Fetch the second page if there are more elements.
  if (firstPage.nextPageToken) {
    const secondPage = await list(listRef, {
      maxResults: 100,
      pageToken: firstPage.nextPageToken,
    });
    // processItems(secondPage.items)
    // processPrefixes(secondPage.prefixes)
  }
}
storage_list_paginate.js

async function pageTokenExample(){
  // Create a reference under which you want to list
  var listRef = storageRef.child('files/uid');

  // Fetch the first page of 100.
  var firstPage = await listRef.list({ maxResults: 100});

  // Use the result.
  // processItems(firstPage.items)
  // processPrefixes(firstPage.prefixes)

  // Fetch the second page if there are more elements.
  if (firstPage.nextPageToken) {
    var secondPage = await listRef.list({
      maxResults: 100,
      pageToken: firstPage.nextPageToken,
    });
    // processItems(secondPage.items)
    // processPrefixes(secondPage.prefixes)
  }
}
list-files.js

Behandeln Sie Fehler

list() und listAll() geben ein abgelehntes Promise zurück, wenn Sie die Sicherheitsregeln nicht auf Version 2 aktualisiert haben. Aktualisieren Sie Ihre Sicherheitsregeln, wenn dieser Fehler angezeigt wird:

Listing objects in a bucket is disallowed for rules_version = "1".
Please update storage security rules to rules_version = "2" to use list.

Andere mögliche Fehler können darauf hinweisen, dass der Benutzer nicht über die richtige Berechtigung verfügt. Weitere Informationen zu Fehlern finden Sie im Abschnitt Fehler behandeln .