メインコンテンツへスキップ
@capgo/capacitor-firebase-functions 連携機能 オープンソース

Firebase Functions Capacitor プラグイン

Firebase Cloud Functions 用の Capacitor プラグイン

インストール

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

ガイド

Capacitor で Firebase Functions を使う方法

@capgo/capacitor-firebase-functions の使用方法

Firebase Cloud Functions 用の Capacitor プラグイン

インストール

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

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

import { FirebaseFunctions } from '@capgo/capacitor-firebase-functions';

API の概要

メソッド 説明
callByName 関数名を指定してCallable関数を呼び出します。
callByUrl URLを指定してCallable関数を呼び出します。
useEmulator Cloud Functionsエミュレータと通信するようにアプリを構成します。

例

callByName()

関数名を指定してCallable関数を呼び出します。

import { FirebaseFunctions } from '@capgo/capacitor-firebase-functions';

const result = await FirebaseFunctions.callByName({ name: 'myFunction' });
console.log(result);

callByUrl()

URLを指定してCallable関数を呼び出します。

import { FirebaseFunctions } from '@capgo/capacitor-firebase-functions';

const result = await FirebaseFunctions.callByUrl({
  url: 'https://us-central1-my-project.cloudfunctions.net/myFunction',
});
console.log(result);

useEmulator()

Cloud Functionsエミュレータと通信するようにアプリを構成します。

import { FirebaseFunctions } from '@capgo/capacitor-firebase-functions';

await FirebaseFunctions.useEmulator({ host: "127.0.0.1" });

完全なリファレンス

@capgo/capacitor-firebase-functions の活用方法から続ける

使用している場合 @capgo/capacitor-firebase-functions の活用方法 ネイティブプラグインの作業を計画するには、次と連携してください: Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor プラグインの実装詳細については、 プラグインの追加または更新 プラグインの追加または更新に関する実装詳細については、 Ionic Enterprise プラグインの代替案 Ionic Enterprise Plugin Alternatives のプロダクトワークフロー、および Capgo Native Build Capgo Native Builds のプロダクトワークフローについては、

よくある質問

Firebase Functions プラグイン FAQ

Capacitor アプリに Firebase Functions プラグインをインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-firebase-functions" (または "npm install @capgo/capacitor-firebase-functions") を実行し、次に "bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させます。アプリの code で "@capgo/capacitor-firebase-functions" からインポートしてください。

@capgo/capacitor-firebase-functions は React、Vue、Angular で動作しますか?

はい。Firebase Functions は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用できます。

@capgo/capacitor-firebase-functions はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

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

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-firebase/tree/main/packages/functions で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストをお待ちしています。

App Storeの審査なしで、Firebase Functionsを使用しているcodeをアップデートできますか?

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

アプリの審査を待たずに Firebase Functions の変更をデプロイ

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める