当前位置:首页 > 文章列表 > 文章 > php教程 > 使用PHP编程语言进行Unsplash API的图像搜索

使用PHP编程语言进行Unsplash API的图像搜索

2024-03-26 15:05:31 0浏览 收藏

使用PHP和Unsplash API进行图像搜索是一个简单易行的过程。本文介绍了如何注册API密钥、引入Unsplash库、设置搜索参数并进行图像搜索。搜索结果可以通过提取图像URL、描述和拍摄者名称并将其显示在HTML页面上进行显示。遵循本文中的步骤,开发者可以轻松地将Unsplash API集成到他们的Web项目中,从而访问大量免费图像和素材。

随着互联网的发展,图像已经成为数字时代最受欢迎的媒体形式之一。而对于Web开发人员来说,实现基于图像的功能或者美化页面,图像的搜索和使用已经成为web项目开发中不可避免的事情。而Unsplash是其中最受欢迎的免费照片和图像素材库之一。在本篇文章中,我们将介绍如何使用PHP和Unsplash API进行图像搜索。

  1. 注册Unsplash API密钥

首先,您需要注册Unsplash API密钥。注册过程非常简单,只需要打开Unsplash API官网,填写相关信息,就可以获取API密钥。在注册时,需要填写您的个人信息和项目详情。一旦注册成功,您将收到一个API密钥。请记住它,因为您需要在后面的步骤中使用它。

  1. 引入Unsplash API

在项目中引入Unsplash API,可以通过官方提供的Javascript、PHP或Python库的方式引入。在这里,我们选择通过PHP版本的库进行演示。

可以通过composer命令或者直接在项目中下载源代码的方式引入Unsplash API。如果您使用Composer,可以使用以下命令:

composer require unsplash/unsplash

如果您想直接引入源代码,可以下载源代码并解压缩到您的项目根目录下。

  1. 创建Unsplash连接

在您的PHP文件中,使用引入的Unsplash库,创建一个新的Unsplash连接。使用以下代码:

use UnsplashUnsplash;

$accessKey = 'YOUR_ACCESS_KEY';

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

这里,需要填写在注册Unsplash API时获取的API密钥。通过这个示例代码,我们使用Unsplash库创建了一个与Unsplash服务器的连接。

  1. 设置搜索参数

接下来,使用Unsplash API,可以设置任意数量的搜索参数,以在Unsplash库中搜索不同的图像。这里,我们将设置一个搜索参数,通过关键字搜索与旅游相关的图像。使用以下代码:

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

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

这里,我们设置变量$keyword为'travel',代表我们需要通过这个关键字进行搜索。并且,我们还设置了一个变量$resultsPerPage为20,这代表我们希望从每个搜索结果中获取20张图像。在搜索参数设置完成后,一起传递到搜索函数中进行搜索。

  1. 进行图像搜索

使用设置好的搜索参数,在Unsplash API中搜索图像。使用Unsplash库提供的searchPhotos函数进行搜索,如下所示:

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

现在,我们已经成功地搜索了与旅游相关的图像。我们还需要提取这些图像的信息,并将它们显示在Web页面上。

  1. 显示搜索结果

在进行图像搜索后,需要将搜索结果在浏览器中显示出来。使用以下代码,提前每个图像的信息,并将它们放在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>';    
}

在该代码块中,我们将提取每个图像的URL和Description。同时,还将提取每个图像拍摄者的名称(在Unsplash库中称为用户)。然后,将这些信息放入HTML页面中,并将每个图像显示在一个自定义的HTML div中。

  1. 完整的PHP文件示例

最后,将所有上述步骤组合在一起,生成一个完整的PHP文件,如下所示:

<?php
use UnsplashUnsplash;
require_once('vendor/autoload.php');

$accessKey = 'YOUR_ACCESS_KEY';

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

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

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Unsplash Image Search</title>
    <style>
        .image-container {
            max-width: 400px;
            margin-right: 20px;
            display: inline-block;
        }
        .photo-credit {
            font-size: 14px;
            font-style: italic;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <?php foreach ($searchResults->getResults() as $photo) { ?>
    <?php
        $imageUrl = $photo->getUrls()['small'];
        $photoDescription = $photo->getDescription();
        $photoCredit = $photo->getUser()['name'];
    ?>
    <div class="image-container">
        <img src="<?php echo $imageUrl; ?>" alt="<?php echo $photoDescription; ?>">
        <div class="photo-credit">Photo by <?php echo $photoCredit; ?></div>
    </div>
    <?php } ?>
</body>
</html>

在使用这个PHP文件之前,替换其中字符串'YOUR_ACCESS_KEY',使用在Unsplash API中注册时获取的API密钥。

结论

上面就是我们使用PHP和Unsplash API进行图像搜索的全部流程。在进行Unsplash API图像搜索时,请确保API密钥的安全,并且必须从Unsplash官方获取API密钥。同时,我们需要遵循Unsplash API服务使用规则,在规则允许范围内进行图像搜索和使用。

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

Python Web编程工具探秘指南:掌握Django快速入门Python Web编程工具探秘指南:掌握Django快速入门
上一篇
Python Web编程工具探秘指南:掌握Django快速入门
Vue3中的provide/inject函数:实现组件间高级通信
下一篇
Vue3中的provide/inject函数:实现组件间高级通信
查看更多
最新文章
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    542次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    511次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    498次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    484次学习
查看更多
AI推荐
  • 千音漫语:智能声音创作助手,AI配音、音视频翻译一站搞定!
    千音漫语
    千音漫语,北京熠声科技倾力打造的智能声音创作助手,提供AI配音、音视频翻译、语音识别、声音克隆等强大功能,助力有声书制作、视频创作、教育培训等领域,官网:https://qianyin123.com
    151次使用
  • MiniWork:智能高效AI工具平台,一站式工作学习效率解决方案
    MiniWork
    MiniWork是一款智能高效的AI工具平台,专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具,提供精准智能解决方案,让复杂工作简单高效。
    143次使用
  • NoCode (nocode.cn):零代码构建应用、网站、管理系统,降低开发门槛
    NoCode
    NoCode (nocode.cn)是领先的无代码开发平台,通过拖放、AI对话等简单操作,助您快速创建各类应用、网站与管理系统。无需编程知识,轻松实现个人生活、商业经营、企业管理多场景需求,大幅降低开发门槛,高效低成本。
    157次使用
  • 达医智影:阿里巴巴达摩院医疗AI影像早筛平台,CT一扫多筛癌症急慢病
    达医智影
    达医智影,阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”,仅一次CT扫描即可高效识别多种癌症、急症及慢病,为疾病早期发现提供智能、精准的AI影像早筛解决方案。
    150次使用
  • 智慧芽Eureka:更懂技术创新的AI Agent平台,助力研发效率飞跃
    智慧芽Eureka
    智慧芽Eureka,专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景,通过专家级AI Agent精准执行任务,智能化工作流解放70%生产力,让您专注核心创新。
    159次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码