Anleitung
Verwendung von Photo Library in Capacitor
Testen auf Gerät
Laden Sie die Capgo-App herunter, dann scannen Sie die QR-code.
Mit @capgo/capacitor-photo-library
Capacitor-Plugin: Anzeigt eine Fotogalerie als Web-Seite oder eine langweilige native Anzeige, die Sie nicht ändern können, aber keine Autorisierung erfordern.
Installieren
bun add @capgo/capacitor-photo-library
bunx cap sync
bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem Sie jedes Plugin aktualisiert haben.
Importieren
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
API im Überblick
| Methode | Beschreibung |
|---|---|
checkAuthorization |
Gibt den aktuellen Autorisierungsstatus ohne das Benachrichtigen des Benutzers zurück. |
requestAuthorization |
Bittet um Zugriff auf die Fotobibliothek, wenn erforderlich. |
getAlbums |
Holt die verfügbaren Alben ab. |
getLibrary |
Holt Bibliotheksassets zusammen mit URLs ab, die in der Webansicht angezeigt werden können. |
getPhotoUrl |
Holt eine anzeigbare URL für die volle Auflösung der Asset ab. Wenn Sie bereits getLibrary mit includeFullResolutionDataSie benötigen diese Methode normalerweise nicht. |
getThumbnailUrl |
Holt eine anzeigbare URL für ein angepasstes Thumbnail des Assets ab. |
pickMedia |
Öffnet den nativen Systempicker, damit der Benutzer Medien auswählen kann, ohne den vollständigen Zugriff auf die Fotobibliothek zu gewähren. Die ausgewählten Dateien werden in die Anwendungs-Cache kopiert und mit portablen URLs zurückgegeben. |
Beispiele
checkAuthorization()
Gibt den aktuellen Autorisierungsstatus ohne das Benachrichtigen des Benutzers zurück.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.checkAuthorization();
console.log(result);
requestAuthorization()
Anforderung des Zugriffs auf die Fotobibliothek, wenn erforderlich.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.requestAuthorization();
console.log(result);
getAlbums()
Ruft die verfügbaren Alben ab.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getAlbums();
console.log(result);
getLibrary()
Ruft Bibliotheksassets zusammen mit URLs ab, die in der Webansicht angezeigt werden können.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getLibrary();
console.log(result);
getPhotoUrl()
Ruft eine anzeigbare URL für die volle Auflösung der Asset ab. Wenn Sie bereits die Methode aufgerufen haben getLibrary mit includeFullResolutionData, benötigen Sie normalerweise diese Methode nicht.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getPhotoUrl({ id: 'id-123' });
console.log(result);
getThumbnailUrl()
Ruft eine anzeigbare URL für ein abgerundetes Thumbnail des Assets ab.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getThumbnailUrl({ id: 'id-123' });
console.log(result);
Die Tabelle oben listet die 7 Kernmethoden auf. Helfer für Listener und Versionen sowie die vollständige Vertragsvereinbarung jeder Methode sind im GitHub-Repository.
Vollständige Referenz
Mit @capgo/capacitor-photo-library weitermachen
Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-photo-library verwenden Mit @capgo/capacitor-photo-library verbinden um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-photo-library für die Implementierungsdetails in @capgo/capacitor-Foto-Bibliothek Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities für die Implementierungsdetails im Getting Started @capgo/capacitor-live-activities für die native Fähigkeit im @capgo/capacitor-live-Aktivitäten Using @capgo/capacitor-live-activities Für die Implementierungsdetails in @capgo/capacitor-live-aktivitäten, und Mit @capgo/capacitor-video-player Für die native Fähigkeit in Mit @capgo/capacitor-video-player.