Salta al contenuto principale
@capgo/capacitor-file-sharer File & Storage Open source

Condivisione file Plugin Capacitor

Condividi e salva file da dati base64 o percorsi locali su Android, iOS e Web

Installa

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

Guida

Come usare File Sharer in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

QR anteprima plugin File Sharer code

Utilizzo di @capgo/capacitor-file-sharer

Condividi e salva file da dati base64, data URL o percorsi file locali, file:// URL, Android content:// URI e Capacitor _capacitor_file_ URL.

Installa

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

Cosa espone questo plugin

  • share - Apri il menu di condivisione nativo su Android e iOS, o scarica il file su Web.
  • save - Salva nelle collezioni pubbliche di Android, apri il menu salva/condividi di iOS o scarica su Web.
  • getPluginVersion - Restituisce la versione dell'implementazione della piattaforma.

Esempio d'uso

Condividi un file generato

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

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

Condividi un file locale

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

Salva in Download su Android

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

console.log(result.uri);

Note sulla piattaforma

  • La condivisione su Android usa FileProvider, ClipData, e i permessi URI per consentire a chooser preview e miniature di leggere il file.
  • Su Android 10+ viene utilizzato MediaStore, mentre su Android 9 e versioni precedenti vengono utilizzate le directory pubbliche.
  • La condivisione su iOS supporta sia file temporanei in base64 che la condivisione tramite percorso locale diretto.
  • La condivisione web e il salvataggio scaricano il file, con conversione base64 a blocchi per file di grandi dimensioni.

Riferimento completo

Continua con l'uso di @capgo/capacitor-file-sharer

Se stai usando Utilizzo di @capgo/capacitor-file-sharer per pianificare lo storage e la gestione dei file, collegalo a @capgo/capacitor-file-sharer per i dettagli di implementazione in @capgo/capacitor-file-sharer, Per iniziare per i dettagli di implementazione nella guida introduttiva, @capgo/capacitor-data-storage-sqlite per i dettagli di implementazione in @capgo/capacitor-data-storage-sqlite, Utilizzo di @capgo/capacitor-data-storage-sqlite per la funzionalità nativa in Utilizzo di @capgo/capacitor-data-storage-sqlite, e @capgo/capacitor-file per i dettagli di implementazione in @capgo/capacitor-file.

FAQ

FAQ del plugin File Sharer

Come installo il plugin File Sharer in un'app Capacitor?

Esegui "bun add @capgo/capacitor-file-sharer" (o "npm install @capgo/capacitor-file-sharer"), poi lancia "bunx cap sync" in modo che i progetti iOS e Android includano il modulo nativo code. Importalo da "@capgo/capacitor-file-sharer" nella tua app code.

@capgo/capacitor-file-sharer funziona con React, Vue e Angular?

Sì. File Sharer è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che gira dentro Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-file-sharer?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

È @capgo/capacitor-file-sharer gratuito e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-file-sharer/ e il pacchetto si installa gratuitamente da npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa File Sharer senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Rilascia le modifiche di File Sharer senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo