跳过主要内容
@capgo/capacitor-firebase-storage 文件 & 存储 开源

Firebase Storage Capacitor插件

Capacitor插件用于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 获取文件下载链接。
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-sqlite数据存储 有关@capgo/capacitor-data-storage-sqlite的实现细节 使用@capgo/capacitor-data-storage-sqlite 为使用@capgo/capacitor-data-storage-sqlite的原生能力 @capgo/capacitor文件 为@capgo/capacitor-file的实现细节 使用@capgo/capacitor-file 为使用@capgo/capacitor-file的原生能力,和 @capgo/capacitor-上传器 为@capgo/capacitor-uploader的实现细节

常见问题

Firebase Storage 插件 FAQ

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

运行 "bun add @capgo/capacitor-firebase-storage" (或 "npm install @capgo/capacitor-firebase-storage"),然后运行 "bunx cap sync" 以使 iOS 和 Android 项目捕获本机 code。从 "@capgo/capacitor-firebase-storage" 导入您的应用 code。

@capgo/capacitor-firebase-storage 与 React、Vue 和 Angular 是否兼容?

是的。Firebase Storage 是一个 Capacitor 包,因此它与任何运行在 Capacitor 内部的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

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

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

是否@capgo/capacitor-firebase-storage 免费且开源?

是。源码code在GitHub上公开,https://github.com/Cap-go/capacitor-firebase/tree/main/packages/storage,且可以从npm免费安装。欢迎bug报告和pull请求。

是否可以在不经过App Store审核的情况下更新使用Firebase Storage的code?

安装或升级插件会改变原生的code,因此需要重新构建商店。之后,使用Capgo实时更新的JavaScript、HTML和CSS更改可以立即部署。

不必等待应用程序审查就可以将 Firebase Storage 的更改推送给用户

一次将插件添加到您的商店构建中, Capgo 即刻更新将您的 JavaScript、HTML 和 CSS 更改推送给用户。

开始使用 Capgo