メインコンテンツにジャンプ
@capgo/capacitor-ファイアベース ストレージ ファイル & ストレージ オープンソース

ファイアベース ストレージ Capacitor プラグイン

Capacitor プラグイン for Firebase Cloud Storage

インストール

bun add @capgo/capacitor-firebase-storage bunx cap sync
npm、pnpm または yarn
  • npm install @capgo/capacitor-firebase-storage
  • pnpm add @capgo/capacitor-firebase-storage
  • yarn add @capgo/capacitor-firebase-storage

ガイド

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

FAQ

Firebase Storage プラグイン FAQ

Firebase Storage プラグインを Capacitor アプリにどのようにインストールしますか?

「bun add @capgo/capacitor-firebase-storage」 (または「npm install @capgo/capacitor-firebase-storage」) を実行し、次に「bunx cap sync」を実行して iOS と Android プロジェクトがネイティブ code を取得できるようにします。次に、@capgo/capacitor-firebase-storage をアプリの code でインポートします。

Capgoでは、@capgo/capacitor-firebase-storageは、React、Vue、Angularとどのように組み合わせることができるでしょうか。

Yes. Firebase Storage is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

どの Capacitor バージョンが @capgo/capacitor-firebase-storage をサポートしますか?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

は @capgo/capacitor-firebase-storage が無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage and the package is free to install from npm. Bug reports and pull requests are welcome.

Firebase Storage を使用する code を App Store のレビューなしで更新できますか?

プラグインをインストールまたはアップグレードすると、ネイティブ code が変更されるため、新しいストア ビルドが必要になります。その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと、Capgo のライブ更新で即時配信できます。

Firebase Storageの変更をアプリレビューの待たずに配信

プラグインがストアビルドに追加されたら、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分で反映します。

Capgoから始めます