메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-파일 공유기
튜토리얼
@capgo/capacitor-파일 공유기

파일 공유기

Android, iOS, Web에서 base64 데이터 또는 로컬 경로에서 파일을 공유하고 저장하세요.

장치에서 테스트

다운로드 __CAPGO_KEEP_0__ 앱, 그리고 QR 코드 __CAPGO_KEEP_1__를 스캔하세요.

애플 앱 스토어에서 __CAPGO_KEEP_0__ 다운로드

Download the Capgo app, then scan the QR code.

파일 공유 플러그인 미리보기 QR code

@capgo/capacitor-file-sharer 사용

base64 데이터, 데이터 URL, 로컬 파일 경로, URL, Android, URI, 및 __CAPGO_KEEP_0__ file:// URL. content:// URIs, and Capacitor _capacitor_file_ 이 플러그인이 제공하는 기능

- 안드로이드 및 iOS에서 네이티브 공유 시트를 열거나 웹에서 파일을 다운로드합니다.

bun add @capgo/capacitor-file-sharer
bunx cap sync

- 안드로이드 공용 컬렉션에 저장하거나 iOS에서 공유/다운로드 시트를 열거나 웹에서 다운로드합니다.

  • share What This Plugin Exposes
  • save - 안드로이드 및 iOS에서 네이티브 공유 시트를 열거나 웹에서 파일을 다운로드합니다.
  • getPluginVersion - 플랫폼 구현 버전을 반환합니다.

예시 사용

생성된 파일 공유

import { FileSharer } from '@capgo/capacitor-file-sharer';

await FileSharer.share({
  filename: 'report.pdf',
  contentType: 'application/pdf',
  base64Data: reportBase64,
  title: 'Quarterly report',
  text: 'Attached report',
});

지역 파일 공유

await FileSharer.share({
  filename: 'export.zip',
  contentType: 'application/zip',
  path: fileUri,
});

안드로이드 다운로드 폴더에 저장

const result = await FileSharer.save({
  filename: 'backup.zip',
  contentType: 'application/zip',
  base64Data: zipBase64,
  android: {
    saveDirectory: 'downloads',
    relativePath: 'Download/My App',
  },
});

console.log(result.uri);

플랫폼 참고사항

  • 안드로이드 공유는 FileProvider, ClipData, URI 허가로 chooser 미리보기 및 썸네일이 파일을 읽을 수 있습니다.
  • 안드로이드 저장은 안드로이드 10 이상에서 MediaStore를 사용하고 안드로이드 9 이하에서는 공용 디렉토리를 사용합니다.
  • iOS 공유는 임시 파일에 base64 백업된 파일과 직접 로컬 경로 공유를 모두 지원합니다.
  • 웹 공유 및 다운로드는 파일을 다운로드하고, 대용량 파일의 경우 chunked base64 변환을 사용합니다.

전체 참조

Keep going from Using @capgo/capacitor-file-sharer

Capacitor __CAPGO_KEEP_0__를 사용 중이라면 Using @capgo/capacitor-file-sharer Capacitor __CAPGO_KEEP_0__-file-sharer을 사용하여 저장소와 파일 처리를 계획하고 @capgo/capacitor-file-sharer for the implementation detail in @capgo/capacitor-file-sharer, Capacitor __CAPGO_KEEP_0__-file-sharer의 구현 세부 사항을 참조하세요. Capacitor __CAPGO_KEEP_0__-data-storage-sqlite을 참조하세요. @capgo/capacitor-data-storage-sqlite Capgo capgo capacitor-data-storage-sqlite Capgo capgo capacitor-data-storage-sqlite Capgo capgo capacitor-data-storage-sqlite @capgo/capacitor-file for the implementation detail in @capgo/capacitor-file.