가이드
Capacitor에서 Firebase Storage 사용하는 법
@capgo/capacitor-firebase-storage 사용하기
Firebase Cloud Storage용 Capacitor 플러그인
설치
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()
파일의 download url 가져오기
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.getDownloadUrl({ path: 'mountains.png' });
console.log(result);
getMetadata()
파일의 metadata 가져오기
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()
파일의 metadata 업데이트
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
await FirebaseStorage.updateMetadata({
path: 'path/to/file',
metadata: {},
});
downloadFile()
파일 download
import { FirebaseStorage } from '@capgo/capacitor-firebase-storage';
const result = await FirebaseStorage.downloadFile({ path: 'mountains.png' }, (event, error) => {
console.log(event);
});
console.log(result);
위 표는 8가지 핵심 메서드를 나열합니다. Listener와 version 헬퍼, 그리고 각 메서드의 전체 명세는 다음 문서에 정리되어 있습니다. GitHub 리포지토리.
전체 레퍼런스
@capgo/capacitor-firebase-storage 사용하기 다음 단계
사용 중이라면 @capgo/capacitor-firebase-storage 사용하기 저장 공간과 파일 처리를 계획하려면, 다음 항목과 연결하세요 @capgo/capacitor-data-storage-sqlite @capgo/capacitor-data-storage-sqlite의 구현 세부 사항은, @capgo/capacitor-data-storage-sqlite 사용하기 @capgo/capacitor-data-storage-sqlite 사용 시 네이티브 기능을 위해, @capgo/capacitor-file @capgo/capacitor-file의 구현 세부 사항은, @capgo/capacitor-file 사용하기 @capgo/capacitor-file 사용 시 네이티브 기능에 대해서는, 그리고 @capgo/capacitor-uploader @capgo/capacitor-uploader.의 구현 세부 사항에 대해서는