Zum Hauptinhalt springen
@capgo/capacitor-file-sharer Dateien & Speicher Open Source

Datei-Sharer Capacitor Plugin

Dateien aus Base64-Daten oder lokalen Pfaden auf Android, iOS und Web teilen und speichern

Installieren

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

Anleitung

File Sharer in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code zur File Sharer Plugin-Vorschau code

Verwendung von @capgo/capacitor-file-sharer

Dateien aus Base64-Daten, Data-URLs oder lokalen Dateipfaden teilen und speichern file:// URLs, Android content:// URIs und Capacitor _capacitor_file_ URLs.

Installieren

bun add @capgo/capacitor-file-sharer
bunx cap sync

Was dieses Plugin bereitstellt

  • share - Öffnet das native Share-Sheet auf Android und iOS oder lädt die Datei im Web herunter.
  • save - In öffentliche Android-Collections speichern, das iOS-Save/Share-Sheet öffnen oder im Web herunterladen.
  • getPluginVersion - Gibt die Version der Plattform-Implementierung zurück.

Anwendungsbeispiel

Generierte Datei teilen

import { FileSharer } from '@capgo/capacitor-file-sharer';

await FileSharer.share({
  filename: 'report.pdf',
  contentType: 'application/pdf',
  base64Data: reportBase64,
  title: 'Quarterly report',
  text: 'Attached report',
});

Lokale Datei teilen

await FileSharer.share({
  filename: 'export.zip',
  contentType: 'application/zip',
  path: fileUri,
});

Auf Android in Downloads speichern

const result = await FileSharer.save({
  filename: 'backup.zip',
  contentType: 'application/zip',
  base64Data: zipBase64,
  android: {
    saveDirectory: 'downloads',
    relativePath: 'Download/My App',
  },
});

console.log(result.uri);

Plattform-Hinweise

  • Android-Sharing nutzt FileProvider, ClipData, sowie URI-Berechtigungen, damit Chooser-Vorschauen und Thumbnails die Datei lesen können.
  • Android-Speicherung nutzt MediaStore ab Android 10+ und öffentliche Verzeichnisse bei Android 9 und darunter.
  • iOS-Sharing unterstützt sowohl base64-basierte temporäre Dateien als auch das Teilen direkter lokaler Pfade.
  • Web-Sharing und Speichern lädt die Datei herunter, inklusive Chunked-Base64-Konvertierung für große Dateien.

Vollständige Referenz

Weiterlesen unter Verwendung von @capgo/capacitor-file-sharer

Wenn du es nutzt Verwendung von @capgo/capacitor-file-sharer um Speicher- und Dateiverwaltung zu planen, verbinde es mit @capgo/capacitor-file-sharer für Details zur Implementierung in @capgo/capacitor-file-sharer, Erste Schritte für die Implementierungsdetails in Erste Schritte, @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 Funktion bei der Nutzung von @capgo/capacitor-data-storage-sqlite und @capgo/capacitor-file für die Implementierungsdetails in @capgo/capacitor-file.

FAQ

File Sharer Plugin FAQ

Wie installiere ich das File Sharer Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-file-sharer" (oder "npm install @capgo/capacitor-file-sharer") 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-file-sharer".

Funktioniert @capgo/capacitor-file-sharer mit React, Vue und Angular?

Ja. File Sharer 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-file-sharer 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-file-sharer kostenlos und Open Source?

Ja. Der Source-Code von code ist auf GitHub öffentlich unter https://github.com/Cap-go/capacitor-file-sharer/ einsehbar, und das Paket lässt sich kostenlos über npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit File Sharer aktualisieren, ohne ein App Store Review zu durchlaufen?

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.

Veröffentliche File Sharer Änderungen, 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