PHP와 Unsplash API를 사용하여 이미지 검색을 수행하는 방법

인터넷의 발달과 함께 이미지는 디지털 시대의 가장 인기 있는 미디어 형식 중 하나가 되었습니다. 웹 개발자의 경우, 이미지 기반 기능을 구현하거나 페이지를 아름답게 하기 위해 웹 프로젝트 개발에 있어서 이미지 검색 및 활용은 불가피하게 되었습니다. Unsplash는 가장 인기 있는 무료 사진 및 이미지 라이브러리 중 하나입니다. 이번 글에서는 이미지 검색에 PHP와 Unsplash API를 활용하는 방법을 소개하겠습니다.

1. Unsplash API 키 등록

먼저 Unsplash API 키를 등록해야 합니다. 등록 절차는 매우 간단합니다. Unsplash API 공식 웹사이트를 열고 관련 정보를 입력하면 API 키를 얻을 수 있습니다. 등록 시 개인정보와 프로젝트 세부정보를 입력해야 합니다. 등록이 완료되면 API 키를 받게 됩니다. 이후 단계에서 필요하므로 이를 기억해 두십시오.

2. Unsplash API 소개

Unsplash API를 프로젝트에 도입하는 것은 공식적으로 제공되는 Javascript, PHP 또는 Python 라이브러리를 통해 도입할 수 있습니다. 여기서는 PHP 버전의 라이브러리를 통해 시연하기로 선택했습니다.

Unsplash API는 작곡가 명령을 통해 도입하거나 프로젝트에서 직접 소스 코드를 다운로드하여 도입할 수 있습니다. Composer를 사용하는 경우 다음 명령을 사용할 수 있습니다.

composer require unsplash/unsplash

소스 코드를 직접 가져오려면 소스 코드를 다운로드하여 프로젝트 루트 디렉터리에 압축을 풀면 됩니다.

3. Unsplash 연결 만들기

PHP 파일에서 가져온 Unsplash 라이브러리를 사용하여 새로운 Unsplash 연결을 만듭니다. 다음 코드를 사용하세요:

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

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

여기서 Unsplash API 등록 시 획득한 API 키를 입력해야 합니다. 이 샘플 코드에서는 Unsplash 라이브러리를 사용하여 Unsplash 서버에 대한 연결을 만듭니다.

4. 검색 매개변수 설정

다음으로 Unsplash API를 사용하여 Unsplash 라이브러리에서 다양한 이미지를 검색하도록 검색 매개변수를 원하는 만큼 설정할 수 있습니다. 여기서는 여행 관련 이미지를 키워드로 검색할 수 있도록 검색 매개변수를 설정하겠습니다. 다음 코드를 사용하세요.

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

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

여기서 $keyword 변수를 'travel'로 설정했는데, 이는 이 키워드로 검색해야 함을 의미합니다. 또한 $resultsPerPage 변수를 20으로 설정했습니다. 이는 각 검색 결과에서 20개의 이미지를 가져오겠다는 의미입니다. 검색 매개변수가 설정된 후 검색을 위해 검색 기능으로 전달됩니다.

5. 이미지 검색 수행

설정된 검색 매개변수를 사용하여 Unsplash API에서 이미지를 검색하세요. Unsplash 라이브러리에서 제공하는 searchPhotos 기능을 이용하여 아래와 같이 검색해 보세요.

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

이제 여행 관련 이미지 검색에 성공했습니다. 또한 이러한 이미지의 정보를 추출하여 웹페이지에 표시해야 합니다.

6. 검색 결과 표시

이미지 검색을 수행한 후 검색 결과가 브라우저에 표시되어야 합니다. 다음 코드를 사용하여 각 이미지의 정보를 향상시키고 이를 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="/static/imghwm/default1.png"  data-src="'.$imageUrl.'"  class="lazy".$imageUrl.'" alt="'.$photoDescription.'">';
    echo '<div class="photo-credit">'.$photoCredit.'</div>';
    echo '</div>';    
}

이 코드 블록에서는 각 이미지의 URL과 설명을 추출합니다. 동시에 각 이미지를 촬영한 사람(Unsplash 라이브러리에서는 사용자라고 함)의 이름도 추출됩니다. 그런 다음 이 정보를 HTML 페이지에 넣고 각 이미지를 사용자 정의 HTML div에 표시합니다.

7. 완전한 PHP 파일 예

마지막으로 위의 모든 단계를 결합하여 아래와 같이 완전한 PHP 파일을 생성합니다.

 $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'];
    ?>
    

        " alt="">
        
Photo by 
    
    

이 PHP 파일을 사용하기 전에 'YOUR_ACCESS_KEY' 문자열을 바꾸고 API 키를 사용하세요. Unsplash API에 등록할 때 얻은 것입니다.

결론

위는 PHP와 Unsplash API를 이용한 이미지 검색의 전체 과정입니다. Unsplash API 이미지 검색 시 API Key를 안전하게 보관하시고, 반드시 Unsplash 공식 사이트에서 API Key를 발급 받으시기 바랍니다. 동시에 Unsplash API 서비스 이용 규칙을 준수하고, 해당 규칙 내에서 이미지 검색 및 사용을 수행해야 합니다.

위 내용은 PHP와 Unsplash API를 사용하여 이미지 검색을 수행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!