Zum Hauptinhalt springen
@capgo/capacitor-firebase-storage Dateien & Speicher Open Source

Firebase Storage Capacitor Plugin

Capacitor Plugin für Firebase Cloud Storage

Installieren

bun add @capgo/capacitor-firebase-storage bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-firebase-storage
  • pnpm add @capgo/capacitor-firebase-storage
  • yarn add @capgo/capacitor-firebase-storage

Anleitung

Firebase Storage in Capacitor nutzen

@capgo/capacitor-firebase-storage verwenden

Capacitor Plugin für Firebase Cloud Storage.

Installieren

bun add @capgo/capacitor-firebase-storage
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

API auf einen Blick

Methode Beschreibung
deleteFile Eine Datei löschen.
getDownloadUrl Die Download-URL für eine Datei abrufen.
getMetadata Die Metadaten einer Datei abrufen.
listFiles Dateien in einem Verzeichnis auflisten.
updateMetadata Die Metadaten einer Datei aktualisieren.
downloadFile Eine Datei downloaden.
uploadFile Datei hochladen.
useEmulator Instrumentiere deine App, um mit dem Cloud Storage Emulator zu kommunizieren.

Beispiele

deleteFile()

Eine Datei löschen.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

await FirebaseStorage.deleteFile({ path: 'mountains.png' });

getDownloadUrl()

Die Download-URL für eine Datei abrufen.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

const result = await FirebaseStorage.getDownloadUrl({ path: 'mountains.png' });
console.log(result);

getMetadata()

Die Metadaten einer Datei abrufen.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

const result = await FirebaseStorage.getMetadata({ path: 'mountains.png' });
console.log(result);

listFiles()

Dateien in einem Verzeichnis auflisten.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

const result = await FirebaseStorage.listFiles({ path: 'path/to/file' });
// The result holds sensitive values: use it without logging it.

updateMetadata()

Die Metadaten einer Datei aktualisieren.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

await FirebaseStorage.updateMetadata({
  path: 'path/to/file',
  metadata: {},
});

downloadFile()

Eine Datei downloaden.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

const result = await FirebaseStorage.downloadFile({ path: 'mountains.png' }, (event, error) => {
  console.log(event);
});
console.log(result);

Die obige Tabelle listet die 8 Kernmethoden auf. Listener- und Version-Helper sowie der vollständige Contract jeder Methode sind in der GitHub Repository.

Vollständige Referenz

Weiter mit @capgo/capacitor-firebase-storage

Wenn du es nutzt @capgo/capacitor-firebase-storage verwenden um Speicher- und Dateiverwaltung zu planen, verbinde es mit @capgo/capacitor-data-storage-sqlite für die Implementierungsdetails in @capgo/capacitor-data-storage-sqlite, Mit @capgo/capacitor-data-storage-sqlite für die native Funktionalität in „@capgo/capacitor-data-storage-sqlite verwenden“, @capgo/capacitor-file für das Implementierungsdetail in @capgo/capacitor-file, @capgo/capacitor-file verwenden für die native Funktion in „@capgo/capacitor-file verwenden“ und @capgo/capacitor-uploader für das Implementierungsdetail in @capgo/capacitor-uploader.

FAQ

Firebase Storage Plugin FAQ

Wie installiere ich das Firebase Storage Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-firebase-storage" (oder "npm install @capgo/capacitor-firebase-storage") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-firebase-storage".

Funktioniert @capgo/capacitor-firebase-storage mit React, Vue und Angular?

Ja. Firebase Storage ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-firebase-storage unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-firebase-storage kostenlos und Open Source?

Ja. Der code Source Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Firebase Storage aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Firebase Storage-Änderungen veröffentlichen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo