Lebih lanjut ke konten utama
@capgo/capacitor-firebase-storage File & Penyimpanan Terbuka sumber

Penyimpanan Firebase Plugin Capacitor

Capacitor plugin untuk Penyimpanan Cloud Firebase

Pasang

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 Penyimpanan Firebase di Capacitor

Gunakan @capgo/capacitor-firebase-storage

Plugin Capacitor untuk Firebase Cloud Storage.

Install

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

bunx cap sync Menggandakan kode plugin asli code ke proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

Ringkasan API

Methode Deskripsi
deleteFile Hapus file.
getDownloadUrl Dapatkan URL download untuk file.
getMetadata Dapatkan metadata untuk file.
listFiles Dapatkan daftar file di direktori.
updateMetadata Perbarui metadata untuk sebuah file.
downloadFile Unduh sebuah file.
uploadFile Unggah sebuah file.
useEmulator Instrument aplikasi Anda untuk berbicara dengan emulator Penyimpanan Cloud.

Contoh

deleteFile()

Hapus file.

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

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

getDownloadUrl()

Dapatkan URL unduhan untuk sebuah file.

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

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

getMetadata()

Ambil metadata untuk sebuah file.

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

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

listFiles()

Dapatkan URL unduh untuk sebuah file.

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

Perbarui metadata untuk sebuah file.

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

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

downloadFile()

Unduh sebuah file.

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

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

Daftar di atas menampilkan 8 metode inti. Bantuan listener dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat di repositori GitHub.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-firebase-storage

Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-firebase-storage Menggunakan @capgo/capacitor-data-storage-sqlite Untuk merencanakan penyimpanan dan pengelolaan file, hubungkannya dengan Menggunakan @capgo/capacitor-data-storage-sqlite Untuk detail implementasi di @capgo/capacitor-data-storage-sqlite, Menggunakan @capgo/capacitor-data-storage-sqlite untuk kemampuan asli di Menggunakan @capgo/capacitor-data-storage-sqlite, /capgo/capacitor-file untuk detail implementasi di @capgo/capacitor-file, Menggunakan @capgo/capacitor-file untuk kemampuan asli di Menggunakan @capgo/capacitor-file, dan uploader capgo-capacitor untuk detail implementasi di @capgo/capacitor-uploader.

FAQ

FAQ Plugin Penyimpanan Firebase

Bagaimana cara saya menginstal plugin penyimpanan Firebase di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-firebase-storage" (atau "npm install @capgo/capacitor-firebase-storage"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-firebase-storage" di aplikasi code.

Apakah @capgo/capacitor-firebase-storage dapat digunakan dengan React, Vue, dan Angular?

Iya. Penyimpanan Firebase adalah paket Capacitor, sehingga dapat digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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 (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipertahankan.

Apakah @capgo/capacitor-firebase-storage gratis dan terbuka sumber?

Ya. Sumber code tersedia di GitHub di https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage dan paket ini dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya bisa memperbarui code yang menggunakan Firebase Storage tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build toko yang baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat berlayar langsung dengan Capgo live updates.

Kirim perubahan Firebase Storage tanpa harus menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko aplikasi Anda, Capgo live updates akan memperbarui perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo