Langsung ke konten utama
@capgo/capacitor-firebase-storage File & Penyimpanan Open source

Firebase Storage plugin Capacitor

Plugin Capacitor untuk Firebase Cloud Storage

Instal

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

Panduan

Cara menggunakan Firebase Storage di Capacitor

Menggunakan @capgo/capacitor-firebase-storage

Plugin Capacitor untuk Firebase Cloud Storage.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
deleteFile Hapus file.
getDownloadUrl Dapatkan URL download untuk sebuah file.
getMetadata Dapatkan metadata untuk sebuah file.
listFiles Tampilkan daftar file dalam sebuah direktori.
updateMetadata Update metadata untuk sebuah file.
downloadFile Download file.
uploadFile Upload file.
useEmulator Instrumentasikan aplikasi Anda untuk terhubung ke emulator Cloud Storage.

Contoh

deleteFile()

Hapus file.

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

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

getDownloadUrl()

Dapatkan URL download untuk sebuah file.

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

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

getMetadata()

Dapatkan metadata untuk sebuah file.

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

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

listFiles()

Tampilkan daftar file dalam sebuah direktori.

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

Update metadata untuk sebuah file.

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

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

downloadFile()

Download file.

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

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

Tabel di atas mencantumkan 8 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-firebase-storage

Jika Anda menggunakan Menggunakan @capgo/capacitor-firebase-storage untuk merencanakan penyimpanan dan penanganan file, hubungkan dengan @capgo/capacitor-data-storage-sqlite untuk detail implementasi di @capgo/capacitor-data-storage-sqlite, Menggunakan @capgo/capacitor-data-storage-sqlite untuk kapabilitas native di Menggunakan @capgo/capacitor-data-storage-sqlite, @capgo/capacitor-file untuk detail implementasi di @capgo/capacitor-file, Menggunakan @capgo/capacitor-file untuk kemampuan native di Menggunakan @capgo/capacitor-file, dan @capgo/capacitor-uploader untuk detail implementasi di @capgo/capacitor-uploader.

FAQ

FAQ plugin Firebase Storage

Bagaimana cara install plugin Firebase Storage di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-firebase-storage" (atau "npm install @capgo/capacitor-firebase-storage"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-firebase-storage" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-firebase-storage mendukung React, Vue, dan Angular?

Ya. Firebase Storage adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-firebase-storage?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-firebase-storage gratis dan open source?

Ya. Source code code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage dan package ini gratis untuk diinstall dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan Firebase Storage tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Firebase Storage tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo