菜单
菜单
文章目录
  1. 什么是API
  2. 如何搭建
  3. 如何使用
    1. 文章引用
    2. 设置背景
  4. 结束语

搭建一个简单的随机图片API

什么是API

维基百科:

应用程序接口(英语:Application Programming Interface),缩写为API,是一种计算接口,它定义多个软件中介之间的交互,以及可以进行的调用(call)或请求(request)的种类,如何进行调用或发出请求,应使用的数据格式,应遵循的惯例等。它还可以提供扩展机制,以便用户可以通过各种方式对现有功能进行不同程度的扩展。

从另一个角度来说,API 是一套协议,规定了我们与外界的沟通方式:如何发送请求和接收响应。

API又分为(Windows、Linux、Unix等系统的)系统级API,及非操作系统级的自定义API,本文要说的就是随机图片API,其属于非操作系统级的自定义API。

随机图片API主要应用于web开发,应用程序开发等,比如你注册了某个网站或者app的账号,程序会随机给你设置一个头像,这里就用到了随机图片API。

如何搭建

要搭建一个简单的随机图片API,只需要有一台配置好PHP环境的服务器即可。对于我这种小白最好在服务器上安装一个宝塔面板。

这里就以宝塔面板来操作。

新建一个网站,填入域名,选择(或新建)网站目录,这里可以不创建数据库,PHP版本选择你安装的即可。

1

然后在刚刚创建的网站根目录创建一个名为img的文件夹或者img.txt的文件和一个名为index.php的文件。

2

img文件夹用于存储图片,img.txt文件用于存储图片外链地址。

然后在index.php文件中写入以下代码。

本地图片版:

1
2
3
4
5
6
7
<?php
$img_array = glob('img/*.{gif,jpg,png,jpeg,webp,bmp}', GLOB_BRACE);
if (count($img_array) == 0) {
die('没找到图片文件。请先上传一些图片到 ' . dirname(__FILE__) . '/img/ 文件夹');
}
header('Content-Type: image/png');
echo file_get_contents($img_array[array_rand($img_array)]);

外链图片版:

1
2
3
4
5
6
7
<?php
$arr = file('img.txt');
$n = count($arr) - 1;
for ($i = 1; $i <= 1; $i++) {
$x = rand(0, $n);
header("Location:" . $arr[$x], "\n");
}

如何使用

文章引用

在文章中想要插入图片的地方插入以下代码即可。

1
<img src="https://api.senorui.top/ACG" alt="随机图">

示例:
刷新网页可随机切换。
随机图

设置背景

修改CSS背景地址为API地址即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html.page-home {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
margin: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-image: url(https://api.senorui.top/ACG);
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
}

示例见首页背景图,Ctrl+F5刷新即可随机切换。

结束语

随机图片API用来给首页设置随机壁纸,还是一个很酷炫的功能的φ(゜▽゜*)♪*)

了解本站更多 API 信息请移步: https://api.senorui.top

最后,本 API 目前仅自用且无CDN加速,只支持随机单张调用且不显示图片地址。

本文作者: Senorui

本文链接: https://senorui.top/posts/f539.html

版权声明: 本站所有文章除特别声明外,均采用【CC BY-NC-ND 4.0】国际许可协议,若转载请注明出处!

支持一下
欢迎和Senorui进行PY交易😎!
  • 微信扫一扫
  • 支付宝扫一扫