跳转至正文

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 通过名称调用可调用函数。
callByUrl 通过 URL 调用可调用函数。
useEmulator 配置您的 App 以连接 Cloud Functions 模拟器。

示例

callByName()

通过名称调用可调用函数。

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

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

callByUrl()

通过 URL 调用可调用函数。

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

配置您的 App 以连接 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 插件替代方案中的产品工作流,以及 Capgo Native Build 查看 Capgo Native Builds 中的产品工作流。

常见问题

Firebase Functions 插件常见问题

如何在 Capacitor 应用中安装 Firebase Functions 插件?

运行 "bun add @capgo/capacitor-firebase-functions"(或 "npm install @capgo/capacitor-firebase-functions"),然后运行 "bunx cap sync",使 iOS 和 Android 项目同步 native code。最后在你的应用 code 中从 "@capgo/capacitor-firebase-functions" 导入即可。

@capgo/capacitor-firebase-functions 是否支持 React、Vue 和 Angular?

支持。Firebase Functions 是一个 Capacitor 包,因此它可以与任何在 Capacitor 中运行的 Web framework 配合使用,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

@capgo/capacitor-firebase-functions 支持哪个版本的 Capacitor?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-firebase-functions 是免费开源的吗?

是的。code 的源码已在 GitHub 公开,地址为 https://github.com/Cap-go/capacitor-firebase/tree/main/packages/functions,并且可以通过 npm 免费安装。欢迎提交 Bug report 和 pull request。

我可以在不经过 App Store 审核的情况下,更新使用 Firebase Functions 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App 审核,即可直接发布 Firebase Functions 的变更

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo