메인 콘텐츠로 건너뛰기
@capgo/capacitor-파이어베이스-스토리지 파일 및 저장소 오픈 소스

파이어베이스 저장소 Capacitor 플러그인

Capacitor 플러그인 (파이어베이스 클라우드 저장소)

설치

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

Capacitor 플러그인은 Firebase Cloud Storage를 위한 것입니다.

설치

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

bunx cap sync code 플러그인의 네이티브 code을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

import

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

API를 한눈에

메서드 파일 삭제
deleteFile 파일 다운로드 URL 가져오기
getDownloadUrl 파일 메타데이터 가져오기
getMetadata 디렉토리 내 파일 목록 가져오기
listFiles __CAPGO_KEEP_0__
updateMetadata 파일의 메타데이터를 업데이트하세요.
downloadFile 파일을 다운로드하세요.
uploadFile 파일을 업로드하세요.
useEmulator Cloud Storage 에뮬레이터와 대화하기 위해 앱을 구성하세요.

예시

deleteFile()

버그 보너스 프로그램의 예시

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

await FirebaseStorage.deleteFile({ path: 'mountains.png' });

getDownloadUrl()

파일을 삭제하세요.

import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';

const result = await FirebaseStorage.getDownloadUrl({ path: 'mountains.png' });
console.log(result);

getMetadata()

파일의 다운로드 URL을 가져하세요.

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

디렉토리 내의 파일 목록을 가져하세요. GitHub 저장소.

전체 참조

Using @capgo/capacitor-firebase-storage

__CAPGO_KEEP_0__ 사용하기 @capgo/capacitor-firebase-storage __CAPGO_KEEP_0__ 사용하기 @capgo/capacitor-SQLite 데이터 저장소 for the implementation detail in @capgo/capacitor-data-storage-sqlite, @capgo/capacitor-데이터 저장소-sqlite 자연스러운 네이티브 기능을 위해 @capgo/capacitor-data-storage-sqlite을 사용하세요. @capgo/capacitor-파일 implementation detail을 위해 @capgo/capacitor-file을 사용하세요. 자연스러운 네이티브 기능을 위해 @capgo/capacitor-file을 사용하세요. 자연스러운 네이티브 기능을 위해 @capgo/capacitor-file을 사용하세요, 그리고 @capgo/capacitor-업로더 implementation detail을 위해 @capgo/capacitor-uploader을 사용하세요.

FAQ

파이어베이스 스토리지 플러그인 FAQ

파이어베이스 스토리지 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-firebase-storage" (또는 "npm install @capgo/capacitor-firebase-storage"), 그리고 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하기 위해 "bunx cap sync"를 실행하고, 앱 code에서 "@capgo/capacitor-firebase-storage"을 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-firebase-storage이 작동하는지?

예. 파이어베이스 스토리지는 Capacitor 패키지이므로, Capacitor 내에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 이에는 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에서 무료로 설치할 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code가 Firebase Storage을 사용하는 경우 App Store 리뷰 없이 업데이트가 가능한가요?

code를 설치하거나 업그레이드하면 Native code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

파이어베이스 스토리지 변경을 앱 리뷰 기다리지 않고 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo 라이브 업데이트는 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo로 시작하세요.