Saltar al contenido principal
@capgo/capacitor-almacenamiento-de-firebase Archivos & Almacenamiento Fuente abierta

Almacenamiento de Firebase plugin de Capacitor

Capacitor plugin para Almacenamiento en la Nube de Firebase

Instalar

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

Guía

Cómo utilizar Almacenamiento de Firebase en Capacitor

Usando @capgo/capacitor-almacenamiento-de-firebase

Capacitor plugin para Almacenamiento en la Nube de Firebase.

Instalar

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

bunx cap sync copia el plugin nativo code en tus proyectos nativos. Correlo nuevamente después de cada actualización del plugin.

Importar

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

Vista general de API

Método Descripción
deleteFile Eliminar un archivo.
getDownloadUrl Obtener la URL de descarga para un archivo.
getMetadata Obtener los metadatos para un archivo.
listFiles Listar archivos en un directorio.
updateMetadata Actualice los metadatos de un archivo.
downloadFile Descargue un archivo.
uploadFile Suba un archivo.
useEmulator Instrument your app to talk to the Cloud Storage emulator.

Ejemplos

deleteFile()

Eliminar un archivo.

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

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

getDownloadUrl()

Obtenga la URL de descarga para un archivo.

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

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

getMetadata()

Obtenga la URL de descarga de un archivo.

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

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

listFiles()

Obtenga los metadatos de un archivo.

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

Actualice los metadatos de un archivo.

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

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

downloadFile()

Descargue 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 muestra los 8 métodos básicos. Los ayudantes de escucha y versión, así como el contrato completo de cada método, están documentados en el repositorio de GitHub.

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-almacenamiento-de-firebase

Si estás utilizando Usando @capgo/capacitor-almacenamiento-de-firebase para planificar el almacenamiento y el manejo de archivos, conecta con @capgo/capacitor-almacenamiento-de-datos-sqlite para los detalles de implementación en @capgo/capacitor-almacenamiento-de-datos-sqlite Usando @capgo/capacitor-almacenamiento-de-datos-sqlite para la capacidad nativa en Usando @capgo/capacitor-almacenamiento-de-datos-sqlite, @capgo/capacitor-archivo para el detalle de implementación en @capgo/capacitor-archivo, Usando @capgo/capacitor-archivo para la capacidad nativa en Usando @capgo/capacitor-archivo, y @capgo/capacitor-subidor para el detalle de implementación en @capgo/capacitor-subidor.

FAQ

FAQ del plugin de almacenamiento de Firebase

¿Cómo instalo el plugin de almacenamiento de Firebase en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-almacenamiento-de-firebase" (o "npm install @capgo/capacitor-almacenamiento-de-firebase"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el nativo code. Importa desde "@capgo/capacitor-almacenamiento-de-firebase" en tu aplicación code.

¿Funciona @capgo/capacitor-almacenamiento-de-firebase con React, Vue y Angular?

Sí. El almacenamiento de Firebase es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor admite @capgo/capacitor-almacenamiento-de-firebase?

Los plugins de Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-almacenamiento-de-firebase gratuito y de código abierto?

¡Sí! El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza Almacenamiento de Firebase sin una revisión de la Tienda de Aplicaciones?

Al instalar o actualizar el complemento se modifica el código nativo de code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al complemento pueden enviar con actualizaciones en vivo de Capgo.

Envíe cambios en Firebase Storage sin esperar la revisión de la aplicación

Una vez que el plugin está en tu tienda de construcción, Capgo actualiza en vivo tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo