Comment effectuer une recherche d'images à l'aide de PHP et de l'API Unsplash

Avec le développement d'Internet, les images sont devenues l'un des médias les plus populaires à l'ère numérique. Pour les développeurs Web, pour mettre en œuvre des fonctions basées sur des images ou embellir des pages, la recherche et l'utilisation d'images sont devenues inévitables dans le développement de projets Web. Unsplash est l'une des bibliothèques de photos et d'images gratuites les plus populaires. Dans cet article, nous expliquerons comment utiliser PHP et l'API Unsplash pour la recherche d'images.

1. Enregistrer la clé API Unsplash

Tout d'abord, vous devez enregistrer une clé API Unsplash. Le processus d'inscription est très simple. Il vous suffit d'ouvrir le site officiel de l'API Unsplash et de remplir les informations pertinentes pour obtenir la clé API. Lors de votre inscription, vous devez renseigner vos informations personnelles et les détails du projet. Une fois inscrit, vous recevrez une clé API. N'oubliez pas cela car vous en aurez besoin ultérieurement.

2. Introduction de l'API Unsplash

L'introduction de l'API Unsplash dans le projet peut être introduite via la bibliothèque Javascript, PHP ou Python officiellement fournie. Ici nous choisissons de démontrer via la version PHP de la bibliothèque.

L'API Unsplash peut être introduite via la commande composer ou en téléchargeant le code source directement dans le projet. Si vous utilisez Composer, vous pouvez utiliser la commande suivante :

composer require unsplash/unsplash

Si vous souhaitez introduire directement le code source, vous pouvez télécharger le code source et le décompresser dans le répertoire racine de votre projet.

3. Créer une connexion Unsplash

Dans votre fichier PHP, utilisez la bibliothèque Unsplash importée pour créer une nouvelle connexion Unsplash. Utilisez le code suivant :

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

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

Ici, vous devez renseigner la clé API obtenue lors de votre inscription à l'API Unsplash. Avec cet exemple de code, nous créons une connexion au serveur Unsplash à l'aide de la bibliothèque Unsplash.

4. Définir les paramètres de recherche

Ensuite, à l'aide de l'API Unsplash, vous pouvez définir n'importe quel nombre de paramètres de recherche pour rechercher différents éléments dans Unsplash image de la bibliothèque. Ici, nous définirons un paramètre de recherche pour rechercher des images liées aux voyages par mot-clé. Utilisez le code suivant :

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

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

Ici, nous définissons la variable $keyword sur 'travel', ce qui signifie que nous devons rechercher par ce mot-clé. De plus, nous définissons une variable $resultsPerPage sur 20, ce qui signifie que nous voulons obtenir 20 images de chaque résultat de recherche. Une fois les paramètres de recherche définis, ils sont transmis à la fonction de recherche pour la recherche.

5. Effectuer une recherche d'images

Rechercher des images dans l'API Unsplash à l'aide des paramètres de recherche définis. Effectuez une recherche à l'aide de la fonction searchPhotos fournie par la bibliothèque Unsplash, comme indiqué ci-dessous :

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

Nous avons désormais recherché avec succès des images liées aux voyages. Nous devons également extraire les informations de ces images et les afficher sur une page Web.

6. Afficher les résultats de la recherche

Après avoir effectué une recherche d'image, les résultats de la recherche doivent être affichés dans le navigateur. Utilisez le code suivant pour faire avancer les informations de chaque image et les placer dans une page HTML :

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>';    
}

Dans ce bloc de code, nous extrairons l'URL et la description de chaque image. Parallèlement, le nom de la personne qui a pris chaque image (appelé l'utilisateur dans la bibliothèque Unsplash) sera également extrait. Ensuite, placez ces informations dans une page HTML et affichez chaque image dans un div HTML personnalisé.

7. Exemple de fichier PHP complet

Enfin, combinez toutes les étapes ci-dessus pour générer un fichier PHP complet comme indiqué ci-dessous :

 $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 
    
    

Avant d'utiliser ce fichier PHP, remplacez la chaîne 'YOUR_ACCESS_KEY' par la clé API obtenue lors de votre inscription dans l'API Unsplash.

Conclusion

Ce qui précède est l'ensemble du processus de recherche d'images à l'aide de PHP et de l'API Unsplash. Lorsque vous effectuez une recherche d'images API Unsplash, veuillez conserver la clé API en sécurité et devez obtenir la clé API auprès du responsable Unsplash. Dans le même temps, nous devons suivre les règles d'utilisation du service API Unsplash et effectuer la recherche et l'utilisation d'images dans le cadre des règles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!