Guía
Cómo usar Firebase Storage en Capacitor
Usando @capgo/capacitor-firebase-storage
Plugin Capacitor para Firebase Cloud Storage.
Instalar
bun add @capgo/capacitor-firebase-storage
bunx cap sync
bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.
Importar
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
API de un vistazo
| Método | Descripción |
|---|---|
deleteFile |
Elimina un archivo. |
getDownloadUrl |
Obtén la URL de descarga de un archivo. |
getMetadata |
Obtén los metadatos de un archivo. |
listFiles |
Lista los archivos de un directorio. |
updateMetadata |
Actualiza los metadatos de un archivo. |
downloadFile |
Descarga un archivo. |
uploadFile |
Sube un archivo. |
useEmulator |
Instrumenta tu app para que se comunique con el emulador de Cloud Storage. |
Ejemplos
deleteFile()
Elimina un archivo.
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
await FirebaseStorage.deleteFile({ path: 'mountains.png' });
getDownloadUrl()
Obtén la URL de descarga de un archivo.
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.getDownloadUrl({ path: 'mountains.png' });
console.log(result);
getMetadata()
Obtén los metadatos de un archivo.
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.getMetadata({ path: 'mountains.png' });
console.log(result);
listFiles()
Lista los archivos de un directorio.
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()
Actualiza los metadatos de un archivo.
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
await FirebaseStorage.updateMetadata({
path: 'path/to/file',
metadata: {},
});
downloadFile()
Descarga un archivo.
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.downloadFile({ path: 'mountains.png' }, (event, error) => {
console.log(event);
});
console.log(result);
La tabla anterior lista los 8 métodos principales. Los helpers de listener y de versión, y el contrato completo de cada método, están documentados en la repositorio GitHub.
Referencia completa
Continuar con el uso de @capgo/capacitor-firebase-storage
Si estás usando Uso de @capgo/capacitor-firebase-storage para planificar el almacenamiento y la gestión de archivos, conéctalo con @capgo/capacitor-data-storage-sqlite para el detalle de implementación en @capgo/capacitor-data-storage-sqlite, Uso de @capgo/capacitor-data-storage-sqlite para la funcionalidad nativa en Uso de @capgo/capacitor-data-storage-sqlite, @capgo/capacitor-file para el detalle de implementación en @capgo/capacitor-file, Uso de @capgo/capacitor-file para la funcionalidad nativa en Uso de @capgo/capacitor-file, y @capgo/capacitor-uploader para el detalle de implementación en @capgo/capacitor-uploader.