가이드
Capacitor에서 Photo Library 사용법
@capgo/capacitor-photo-library 사용하기
Capacitor 플러그인. 사진 갤러리를 웹 페이지로 표시하거나, 수정할 수는 없지만 권한이 필요 없는 지루한 네이티브 화면으로 표시합니다.
설치
bun add @capgo/capacitor-photo-library
bunx cap sync
bunx cap sync 플러그인의 네이티브 code를 네이티브 프로젝트에 복사합니다. 플러그인을 업그레이드할 때마다 다시 실행하세요.
가져오기
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
API 한눈에 보기
| 메서드 | 설명 |
|---|---|
checkAuthorization |
사용자에게 프롬프트를 표시하지 않고 현재 권한 상태를 반환합니다. |
requestAuthorization |
필요한 경우 사진 라이브러리 접근 권한을 요청합니다. |
getAlbums |
사용 가능한 앨범을 가져옵니다. |
getLibrary |
웹 뷰에서 표시할 수 있는 URL과 함께 라이브러리 에셋을 가져옵니다. |
getPhotoUrl |
에셋의 전체 해상도 버전에 대한 표시 가능한 URL을 가져옵니다. 이미 getLibrary 포함 includeFullResolutionData를 호출했다면 일반적으로 이 메서드는 필요하지 않습니다. |
getThumbnailUrl |
에셋의 리사이즈된 썸네일을 표시할 수 있는 URL을 가져옵니다. |
pickMedia |
네이티브 시스템 선택기를 열어 사용자가 전체 사진 라이브러리 접근 권한 없이 미디어를 선택할 수 있습니다. 선택된 파일은 애플리케이션 캐시로 복사되어 포터블 URL과 함께 반환됩니다. |
예시
checkAuthorization()
사용자에게 프롬프트를 표시하지 않고 현재 권한 상태를 반환합니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.checkAuthorization();
console.log(result);
requestAuthorization()
필요한 경우 사진 라이브러리 접근 권한을 요청합니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.requestAuthorization();
console.log(result);
getAlbums()
사용 가능한 앨범을 가져옵니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getAlbums();
console.log(result);
getLibrary()
웹 뷰에서 표시할 수 있는 URL과 함께 라이브러리 에셋을 가져옵니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getLibrary();
console.log(result);
getPhotoUrl()
에셋의 전체 해상도 버전에 대한 표시 가능한 URL을 가져옵니다. 이미 getLibrary 포함 includeFullResolutionData를 호출했다면 일반적으로 이 메서드는 필요하지 않습니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getPhotoUrl({ id: 'id-123' });
console.log(result);
getThumbnailUrl()
에셋의 리사이즈된 썸네일을 표시할 수 있는 URL을 가져옵니다.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getThumbnailUrl({ id: 'id-123' });
console.log(result);
위 표에는 7가지 핵심 메서드가 나와 있습니다. 리스너와 버전 헬퍼, 각 메서드의 전체 스펙은 다음 문서에 정리되어 있습니다. GitHub 리포지토리.
전체 레퍼런스
@capgo/capacitor-photo-library 사용하기 단계부터 계속 진행하세요
사용 중이라면 @capgo/capacitor-photo-library 사용하기 네이티브 미디어 및 인터페이스 동작을 계획하려면, 이를 다음 항목과 연결하세요: @capgo/capacitor-photo-library @capgo/capacitor-photo-library의 구현 세부 사항은 시작하기 Getting Started의 구현 상세 내용은 @capgo/capacitor-live-activities 사용 @capgo/capacitor-live-activities 사용에서의 네이티브 기능, @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항은, 그리고 @capgo/capacitor-video-player 사용 @capgo/capacitor-video-player. 사용하기에서의 네이티브 기능은