ガイド
Capacitor で Firebase Storage を使う方法
@capgo/capacitor-firebase-storage の使い方
Firebase Cloud Storage 用の Capacitor プラグイン
インストール
bun add @capgo/capacitor-firebase-storage
bunx cap sync
bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。
インポート
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
API の概要
| メソッド | 説明 |
|---|---|
deleteFile |
ファイルを削除します。 |
getDownloadUrl |
ファイルのダウンロード URL を取得します。 |
getMetadata |
ファイルのメタデータを取得します。 |
listFiles |
ディレクトリ内のファイルを一覧表示します。 |
updateMetadata |
ファイルのメタデータを更新します。 |
downloadFile |
ファイルをダウンロードします。 |
uploadFile |
ファイルをアップロードします。 |
useEmulator |
Cloud Storage エミュレータと通信するようにアプリを実装します。 |
例
deleteFile()
ファイルを削除します。
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
await FirebaseStorage.deleteFile({ path: 'mountains.png' });
getDownloadUrl()
ファイルのダウンロード URL を取得します。
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.getDownloadUrl({ path: 'mountains.png' });
console.log(result);
getMetadata()
ファイルのメタデータを取得します。
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.getMetadata({ path: 'mountains.png' });
console.log(result);
listFiles()
ディレクトリ内のファイルを一覧表示します。
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()
ファイルのメタデータを更新します。
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
await FirebaseStorage.updateMetadata({
path: 'path/to/file',
metadata: {},
});
downloadFile()
ファイルをダウンロードします。
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.downloadFile({ path: 'mountains.png' }, (event, error) => {
console.log(event);
});
console.log(result);
上記の表は 8 つのコアメソッドの一覧です。リスナーやバージョンのヘルパー、各メソッドの完全なコントラクトについては、 GitHub リポジトリ.
完全なリファレンス
@capgo/capacitor-firebase-storage の使用方法から続ける
使用している場合 @capgo/capacitor-firebase-storage の使い方 ストレージとファイル処理を計画するには、以下と連携してください： @capgo/capacitor-data-storage-sqlite @capgo/capacitor-data-storage-sqlite の実装の詳細については、 @capgo/capacitor-data-storage-sqlite の使い方 「@capgo/capacitor-data-storage-sqliteの使用方法」におけるネイティブ機能について、 @capgo/capacitor-file @capgo/capacitor-file の実装の詳細については、 @capgo/capacitor-file の使い方 @capgo/capacitor-file を使用したネイティブ機能について、および @capgo/capacitor-uploader @capgo/capacitor-uploader. の実装の詳細については