Home >Backend Development >PHP Tutorial >How to do image search using PHP and Unsplash API

How to do image search using PHP and Unsplash API

WBOY
WBOYOriginal
2023-06-19 14:41:212113browse

With the development of the Internet, images have become one of the most popular media forms in the digital age. For web developers, to implement image-based functions or beautify pages, the search and use of images have become inevitable in web project development. Unsplash is one of the most popular free photo and image libraries. In this article, we will introduce how to use PHP and Unsplash API for image search.

  1. Register Unsplash API Key

First, you need to register your Unsplash API key. The registration process is very simple. You only need to open the Unsplash API official website and fill in the relevant information to obtain the API key. When registering, you need to fill in your personal information and project details. Once registered, you will receive an API key. Remember it because you'll need it in a later step.

  1. Introduce Unsplash API

Introduce Unsplash API into the project, which can be introduced through the officially provided Javascript, PHP or Python library. Here we choose to demonstrate via the PHP version of the library.

The Unsplash API can be introduced through the composer command or by downloading the source code directly in the project. If you use Composer, you can use the following command:

composer require unsplash/unsplash

If you want to introduce the source code directly, you can download the source code and unzip it to your project root directory.

  1. Create Unsplash connection

In your PHP file, use the imported Unsplash library to create a new Unsplash connection. Use the following code:

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

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

Here, you need to fill in the API key obtained when registering the Unsplash API. With this sample code, we create a connection to the Unsplash server using the Unsplash library.

  1. Set search parameters

Next, using the Unsplash API, you can set any number of search parameters to search for different images in the Unsplash library. Here, we will set a search parameter to search for travel-related images by keyword. Use the following code:

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

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

Here, we set the variable $keyword to 'travel', which means we need to search by this keyword. Also, we set a variable $resultsPerPage to 20, which means we want to get 20 images from each search result. After the search parameters are set, they are passed to the search function for search.

  1. Search for images

Use the set search parameters to search for images in the Unsplash API. Search using the searchPhotos function provided by the Unsplash library, as shown below:

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

Now, we have successfully searched for travel-related images. We also need to extract the information of these images and display them on a web page.

  1. Display search results

After performing an image search, the search results need to be displayed in the browser. Use the following code to advance each image's information and place them in an HTML page:

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 this code block, we will extract the URL and Description of each image. At the same time, the name of the person who took each image (called the user in the Unsplash library) will also be extracted. Then, put this information into an HTML page and display each image in a custom HTML div.

  1. Complete PHP file example

Finally, combine all the above steps to generate a complete PHP file that looks like this:

 $accessKey,
]);

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

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

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




    Unsplash Image Search
    


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

Before using this PHP file, replace the string 'YOUR_ACCESS_KEY' with the API key obtained when registering in the Unsplash API.

Conclusion

The above is the entire process of image search using PHP and Unsplash API. When doing Unsplash API image search, please keep the API key safe and must obtain the API key from Unsplash official. At the same time, we need to follow the Unsplash API service usage rules and conduct image search and use within the scope of the rules.

The above is the detailed content of How to do image search using PHP and Unsplash API. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn