So führen Sie eine Bildsuche mit PHP und der Unsplash-API durch

Mit der Entwicklung des Internets sind Bilder zu einer der beliebtesten Medienformen im digitalen Zeitalter geworden. Für Webentwickler ist die Suche und Verwendung von Bildern bei der Entwicklung von Webprojekten unumgänglich geworden, um bildbasierte Funktionen zu implementieren oder Seiten zu verschönern. Unsplash ist eine der beliebtesten kostenlosen Foto- und Bildbibliotheken. In diesem Artikel stellen wir vor, wie Sie PHP und die Unsplash-API für die Bildsuche verwenden.

1. Unsplash-API-Schlüssel registrieren

Zunächst müssen Sie Ihren Unsplash-API-Schlüssel registrieren. Der Registrierungsprozess ist sehr einfach. Sie müssen lediglich die offizielle Website der Unsplash API öffnen und die relevanten Informationen eingeben, um den API-Schlüssel zu erhalten. Bei der Registrierung müssen Sie Ihre persönlichen Daten und Projektdetails angeben. Nach der Registrierung erhalten Sie einen API-Schlüssel. Merken Sie sich dies, da Sie es in einem späteren Schritt benötigen werden.

2. Einführung der Unsplash-API

Die Einführung der Unsplash-API in das Projekt kann über die offiziell bereitgestellte Javascript-, PHP- oder Python-Bibliothek eingeführt werden. Hier entscheiden wir uns für die Demonstration über die PHP-Version der Bibliothek.

Die Unsplash-API kann über den Composer-Befehl oder durch Herunterladen des Quellcodes direkt im Projekt eingeführt werden. Wenn Sie Composer verwenden, können Sie den folgenden Befehl verwenden:

composer require unsplash/unsplash

Wenn Sie den Quellcode direkt einbringen möchten, können Sie den Quellcode herunterladen und in Ihr Projektstammverzeichnis entpacken.

3. Unsplash-Verbindung erstellen

Verwenden Sie in Ihrer PHP-Datei die importierte Unsplash-Bibliothek, um eine neue Unsplash-Verbindung zu erstellen. Verwenden Sie den folgenden Code:

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

$unsplash = new Unsplash([
    'accessKey' => $accessKey,
]);

Hier müssen Sie den API-Schlüssel eingeben, den Sie bei der Registrierung für die Unsplash-API erhalten haben. Mit diesem Beispielcode erstellen wir mithilfe der Unsplash-Bibliothek eine Verbindung zum Unsplash-Server.

4. Suchparameter festlegen

Als nächstes können Sie mithilfe der Unsplash-API eine beliebige Anzahl von Suchparametern festlegen, um nach verschiedenen Bildern in der Unsplash-Bibliothek zu suchen. Hier legen wir einen Suchparameter fest, um nach reisebezogenen Bildern nach Schlüsselwörtern zu suchen. Verwenden Sie den folgenden Code:

$keyword = 'travel';
$resultsPerPage = 20;

$searchParams = [
    'query' => $keyword,
    'per_page' => $resultsPerPage,
];

Hier setzen wir die Variable $keyword auf „travel“, was bedeutet, dass wir nach diesem Schlüsselwort suchen müssen. Außerdem setzen wir eine Variable $resultsPerPage auf 20, was bedeutet, dass wir von jedem Suchergebnis 20 Bilder erhalten möchten. Nachdem die Suchparameter festgelegt wurden, werden sie zur Suche an die Suchfunktion übergeben.

5. Bildsuche durchführen

Suchen Sie mithilfe der festgelegten Suchparameter in der Unsplash-API nach Bildern. Suchen Sie mit der Suchfunktion „Fotos suchen“, die von der Unsplash-Bibliothek bereitgestellt wird, wie unten gezeigt:

$searchResults = $unsplash->searchPhotos($searchParams);

Jetzt haben wir erfolgreich nach reisebezogenen Bildern gesucht. Wir müssen auch die Informationen dieser Bilder extrahieren und sie auf einer Webseite anzeigen.

6. Suchergebnisse anzeigen

Nach der Durchführung einer Bildsuche müssen die Suchergebnisse im Browser angezeigt werden. Verwenden Sie den folgenden Code, um die Informationen jedes Bildes voranzutreiben und sie auf einer HTML-Seite zu platzieren:

foreach ($searchResults->getResults() as $photo) {
    $imageUrl = $photo->getUrls()['small'];
    $photoDescription = $photo->getDescription();
    $photoCredit = $photo->getUser()['name'];

    echo '<div class="image-container">';
    echo '<img src="'.$imageUrl.'" alt="'.$photoDescription.'">';
    echo '<div class="photo-credit">'.$photoCredit.'</div>';
    echo '</div>';    
}

In diesem Codeblock extrahieren wir die URL und Beschreibung jedes Bildes. Gleichzeitig wird auch der Name der Person extrahiert, die jedes Bild aufgenommen hat (in der Unsplash-Bibliothek als Benutzer bezeichnet). Fügen Sie diese Informationen dann in eine HTML-Seite ein und zeigen Sie jedes Bild in einem benutzerdefinierten HTML-Div an.

7. Beispiel für eine vollständige PHP-Datei

Kombinieren Sie abschließend alle oben genannten Schritte, um eine vollständige PHP-Datei wie unten gezeigt zu generieren:

 $accessKey,
]);

$keyword = 'travel';
$resultsPerPage = 20;

$searchParams = [
    'query' => $keyword,
    'per_page' => $resultsPerPage,
];

$searchResults = $unsplash->searchPhotos($searchParams);
?>




    
    


    getResults() as $photo) { ?>
    getUrls()['small'];
        $photoDescription = $photo->getDescription();
        $photoCredit = $photo->getUser()['name'];
    ?>
    

        
        
Photo by 
    
    

Bevor Sie diese PHP-Datei verwenden, ersetzen Sie die Zeichenfolge „YOUR_ACCESS_KEY“ darin. Verwenden Sie den API-Schlüssel Sie erhalten bei der Registrierung in der Unsplash-API.

Fazit

Das Obige ist der gesamte Prozess der Bildsuche mit PHP und der Unsplash-API. Bewahren Sie bei der Unsplash-API-Bildsuche bitte den API-Schlüssel sicher auf und erhalten Sie den API-Schlüssel von einem Unsplash-Mitarbeiter. Gleichzeitig müssen wir die Nutzungsregeln des Unsplash API-Dienstes befolgen und die Bildsuche und -nutzung im Rahmen der Regeln durchführen.

Das obige ist der detaillierte Inhalt vonSo führen Sie eine Bildsuche mit PHP und der Unsplash-API durch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!