Bagaimana untuk melakukan carian imej menggunakan PHP dan Unsplash API

WBOY
Lepaskan: 2023-06-19 14:44:02
asal
2063 orang telah melayarinya

Dengan perkembangan Internet, imej telah menjadi salah satu bentuk media yang paling popular dalam era digital. Bagi pembangun web, untuk melaksanakan fungsi berasaskan imej atau mencantikkan halaman, carian dan penggunaan imej telah menjadi tidak dapat dielakkan dalam pembangunan projek web. Unsplash ialah salah satu pustaka foto dan imej percuma yang paling popular. Dalam artikel ini, kami akan memperkenalkan cara menggunakan PHP dan Unsplash API untuk carian imej.

  1. Daftar Kunci API Unsplash

Mula-mula, anda perlu mendaftarkan Kunci API Unsplash anda. Proses pendaftaran adalah sangat mudah Anda hanya perlu membuka laman web rasmi Unsplash API dan mengisi maklumat yang berkaitan untuk mendapatkan kunci API. Semasa mendaftar, anda perlu mengisi maklumat peribadi anda dan butiran projek. Setelah didaftarkan, anda akan menerima kunci API. Ingat kerana anda akan memerlukannya pada langkah seterusnya.

  1. Perkenalkan Unsplash API

Perkenalkan Unsplash API ke dalam projek, yang boleh diperkenalkan melalui pustaka Javascript, PHP atau Python yang disediakan secara rasmi. Di sini kami memilih untuk menunjukkan melalui versi PHP perpustakaan.

API Unsplash boleh diperkenalkan melalui arahan komposer atau dengan memuat turun kod sumber terus dalam projek. Jika anda menggunakan Komposer, anda boleh menggunakan arahan berikut:

composer require unsplash/unsplash
Salin selepas log masuk

Jika anda ingin mengimport kod sumber secara langsung, anda boleh memuat turun kod sumber dan nyahzipnya ke direktori akar projek anda.

  1. Buat sambungan Unsplash

Dalam fail PHP anda, gunakan perpustakaan Unsplash yang diimport untuk mencipta sambungan Unsplash baharu. Gunakan kod berikut:

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

$unsplash = new Unsplash([
    'accessKey' => $accessKey,
]);
Salin selepas log masuk

Di sini, anda perlu mengisi kunci API yang diperoleh semasa mendaftar untuk API Unsplash. Dengan kod sampel ini, kami membuat sambungan ke pelayan Unsplash menggunakan perpustakaan Unsplash.

  1. Tetapkan parameter carian

Seterusnya, menggunakan API Unsplash, anda boleh menetapkan sebarang bilangan parameter carian untuk mencari imej yang berbeza dalam pustaka Unsplash. Di sini, kami akan menetapkan parameter carian untuk mencari imej yang berkaitan dengan perjalanan mengikut kata kunci. Gunakan kod berikut:

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

$searchParams = [
    'query' => $keyword,
    'per_page' => $resultsPerPage,
];
Salin selepas log masuk

Di sini, kami menetapkan pembolehubah $kata kunci kepada 'perjalanan', yang bermaksud kami perlu mencari mengikut kata kunci ini. Selain itu, kami menetapkan pembolehubah $resultsPerPage kepada 20, yang bermaksud kami ingin mendapatkan 20 imej daripada setiap hasil carian. Selepas parameter carian ditetapkan, ia dihantar ke fungsi carian untuk carian.

  1. Cari imej

Cari imej dalam Unsplash API menggunakan parameter carian yang ditetapkan. Cari menggunakan fungsi searchPhotos yang disediakan oleh perpustakaan Unsplash, seperti yang ditunjukkan di bawah:

$searchResults = $unsplash->searchPhotos($searchParams);
Salin selepas log masuk

Kini, kami telah berjaya mencari imej yang berkaitan dengan perjalanan. Kami juga perlu mengekstrak maklumat imej ini dan memaparkannya pada halaman web.

  1. Paparkan hasil carian

Selepas melakukan carian imej, hasil carian perlu dipaparkan dalam penyemak imbas. Gunakan kod berikut untuk memajukan setiap maklumat imej dan letakkannya dalam halaman 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>';    
}
Salin selepas log masuk

Dalam blok kod ini, kami akan mengekstrak URL dan Penerangan setiap imej. Pada masa yang sama, nama orang yang mengambil setiap imej (dipanggil pengguna dalam perpustakaan Unsplash) juga akan diekstrak. Kemudian, masukkan maklumat ini ke dalam halaman HTML dan paparkan setiap imej dalam div HTML tersuai.

  1. Contoh fail PHP lengkap

Akhir sekali, gabungkan semua langkah di atas untuk menghasilkan fail PHP yang lengkap seperti ini:

 $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
Salin selepas log masuk

Sebelum menggunakan fail PHP ini , gantikan rentetan 'YOUR_ACCESS_KEY' dengan kunci API yang anda peroleh semasa mendaftar dalam API Unsplash.

Kesimpulan

Di atas adalah keseluruhan proses carian imej menggunakan PHP dan Unsplash API. Apabila melakukan carian imej API Unsplash, sila pastikan kunci API selamat dan mesti mendapatkan kunci API daripada rasmi Unsplash. Pada masa yang sama, kita perlu mengikut peraturan penggunaan perkhidmatan API Unsplash dan menjalankan carian dan penggunaan imej dalam skop peraturan.

Atas ialah kandungan terperinci Bagaimana untuk melakukan carian imej menggunakan PHP dan Unsplash API. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan