Aller au contenu principal
@capgo/capacitor-firebase-storage Fichiers et stockage Open source

Firebase Storage Plugin Capacitor

Plugin Capacitor pour Firebase Cloud Storage

Installer

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

Guide

Comment utiliser Firebase Storage dans Capacitor

Utiliser @capgo/capacitor-firebase-storage

Plugin Capacitor pour Firebase Cloud Storage.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
deleteFile Supprimer un fichier.
getDownloadUrl Récupérer l'URL de téléchargement d'un fichier.
getMetadata Récupérer les métadonnées d'un fichier.
listFiles Lister les fichiers d'un répertoire.
updateMetadata Mettre à jour les métadonnées d'un fichier.
downloadFile Télécharger un fichier.
uploadFile Envoyer un fichier.
useEmulator Instrumenter votre application pour communiquer avec l'émulateur Cloud Storage.

Exemples

deleteFile()

Supprimer un fichier.

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

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

getDownloadUrl()

Récupérer l'URL de téléchargement d'un fichier.

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

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

getMetadata()

Récupérer les métadonnées d'un fichier.

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

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

listFiles()

Lister les fichiers d'un répertoire.

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

Mettre à jour les métadonnées d'un fichier.

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

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

downloadFile()

Télécharger un fichier.

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

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

Le tableau ci-dessus liste les 8 méthodes principales. Les helpers de listener et de version, ainsi que le contrat complet de chaque méthode, sont documentés dans le dépôt GitHub.

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-firebase-storage

Si vous utilisez Utiliser @capgo/capacitor-firebase-storage pour planifier le stockage et la gestion des fichiers, connectez-l’à @capgo/capacitor-data-storage-sqlite pour les détails d'implémentation dans @capgo/capacitor-data-storage-sqlite, Utiliser @capgo/capacitor-data-storage-sqlite pour la capacité native dans Utiliser @capgo/capacitor-data-storage-sqlite @capgo/capacitor-file pour les détails d'implémentation dans @capgo/capacitor-file, Utiliser @capgo/capacitor-file pour la capacité native dans Utiliser @capgo/capacitor-file, et @capgo/capacitor-uploader pour les détails d'implémentation dans @capgo/capacitor-uploader.

FAQ

FAQ du plugin Firebase Storage

Comment installer le plugin Firebase Storage dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-firebase-storage" (ou "npm install @capgo/capacitor-firebase-storage"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-firebase-storage" dans votre code.

Est-ce que @capgo/capacitor-firebase-storage fonctionne avec React, Vue et Angular ?

Oui. Firebase Storage est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui tourne dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-firebase-storage ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-firebase-storage est gratuit et open source ?

Oui. Le code source est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage et le package est gratuit à installer depuis npm. Les signalements de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Firebase Storage sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements Firebase Storage sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo