Passer à la navigation principale
@capgo/capacitor-stockage-firebase Fichiers & Stockage Compte

Firebase Storage plugin Capacitor

Capacitor plugin 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

Utilisation de @capgo/capacitor-firebase-storage

Le plugin Capacitor pour Firebase Cloud Storage.

Installer

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

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

Importer

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

API à la fois

Méthode Description
deleteFile Supprimer un fichier.
getDownloadUrl Obtenir l'URL de téléchargement pour un fichier.
getMetadata Obtenir les métadonnées pour un fichier.
listFiles Lister les fichiers dans un répertoire.
updateMetadata Mettre à jour les métadonnées pour un fichier.
downloadFile Télécharger un fichier.
uploadFile Télécharger un fichier.
useEmulator Instrumentssez votre application pour communiquer avec l'émulateur de stockage Cloud.

Exemples

deleteFile()

Supprimer un fichier.

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

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

getDownloadUrl()

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

Obtenir 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 dans 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);

La table ci-dessus liste les 8 méthodes de base. Les listeners et les helpers de version, ainsi que la pleine convention de chaque méthode, sont documentés dans le répertoire GitHub.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-firebase-storage

Si vous utilisez L'utilisation de @capgo/capacitor-firebase-storage Pour planifier le stockage et la gestion des fichiers, connectez-l’avec @capgo/capacitor-stockage-de-données-sqlite pour les détails d'implémentation dans @capgo/capacitor-data-storage-sqlite, L'utilisation de @capgo/capacitor-data-storage-sqlite pour la capacité native dans L'utilisation de @capgo/capacitor-data-storage-sqlite, @capgo/capacitor-fichier pour les détails d'implémentation dans @capgo/capacitor-fichier, L'utilisation de @capgo/capacitor-fichier pour la capacité native dans L'utilisation de @capgo/capacitor-fichier, et @capgo/capacitor-téléchargeur pour le détail d'implémentation dans @capgo/capacitor-téléchargeur.

FAQ

FAQ du plugin de stockage Firebase

Comment installez-vous le plugin de stockage Firebase dans une application Capacitor ?

Exécutez la commande « bun add @capgo/capacitor-firebase-storage » (ou « npm install @capgo/capacitor-firebase-storage »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif. Importez-l’à partir de « @capgo/capacitor-firebase-storage » dans votre application code.

Le plugin @capgo/capacitor-firebase-storage fonctionne-t-il avec React, Vue et Angular ?

Oui. Le stockage Firebase est un package Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge 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, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/capacitor-firebase-storage est-il gratuit et open source ?

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

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

L'installation ou la mise à jour du plugin change le code natif, il faut donc une nouvelle build de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyez les modifications de Firebase Storage sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en direct poussent vos modifications JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrer avec Capgo