ガイド
CapacitorでFirebase Storageを使用する方法
capgo/capacitor-firebase-storageを使用する
CapacitorのFirebase Cloud Storage プラグイン
インストール
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つの基本メソッドがリストされています。リスナーとバージョンヘルパー、各メソッドの完全な契約は、__CAPGO_KEEP_0__ リポジトリにドキュメントされています。 GitHub リポジトリ.
フル リファレンス
capgoの使用を継続してください。@capgo/capacitor-firebase-storage
Capgoを使用している場合 @capgo/capacitor-firebase-storage ストレージとファイルの管理を計画し、接続するには @capgo/capacitor-データストレージ-SQLite Capgoを使用して、@capgo/capacitor-data-storage-sqliteのネイティブ機能を使用してください。 @capgo/capacitor-file Capgoを使用して、@capgo/capacitor-fileの実装詳細を参照してください。 Capgoを使用して、@capgo/capacitor-fileを使用してください。 @capgo/capacitorファイルの実装詳細のために @capgo/capacitorファイルを使用 native capability in Using @capgo/capacitor-file, and @capgo/capacitor-アップローダー native capability in @capgo/capacitor-uploader