今天教程教大家怎么建一个简单的图片API

提前准备

  • Cloudflare账号
  • 一个域名 (可以是Freenom免费域名)
  • 一堆的图片连接

Cloudflare部分

登录Cloudflare

登录Cloudflare应该不需要我写了吧…

首先打开 Cloudflare 网站 (Dashboard)

之后输入账号密码点击 登录 或者 Sign In

如果没有账号的话请注册一个

添加域名

首先点击 添加站点 ,输入要添加的域名,点击 确定 ,之后根据Cloudflare的提示进行添加即可

准备搭建工作

创建服务

在首页中的左侧栏找到“Workers ” 并点击进入Workers选择 ,点击 创建服务

服务名称 随意填写

选择启动器 选择 简介(HTTP 处理程序)

点击 创建服务

设置域名

点击 触发器 选项卡 ,点击 添加路由

之后输入域名 (/*结尾)

最后点击 添加路由 即可

正式搭建

上代码

点击 资源 选项卡,点击 快速编辑

之后在左侧的编辑器清空 并贴上代码

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {

var background_urls = [
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt1.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt2.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt3.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt4.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt5.jpg',
'https://img.400511.net/2022/02/24/Ne5Wu0HV.jpg'
/*需要随机到的图片的链接*/
]
var index = Math.floor((Math.random()*background_urls.length));
res = await fetch(background_urls[index])
return new Response(res.body, {
headers: { 'content-type': 'image/jpeg' },
})
}

最后点击保存并部署 即可

如果要测试是否成功的话,点击 发送 ,如果返回的是 200 OK 就表示成功了

其他问题

如果你添加的路由(域名)还是无法访问的话,请在DNS添加 A记录,名称填写域名(路由),Ipv4填写Workers的IP

Workers IP 获取方法:电脑打开命令提示符或手机打开termux 输入ping workers的子域名Workers的子域名在发送按扭的左侧的那个域名

ping 出来的IP给复制起来 粘贴到 A记录的Ipv4的框框里点击添加即可

注意事项

1
2
3
4
5
6
7
8
9
	var background_urls = [
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt1.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt2.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt3.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt4.jpg',
'https://cdn.jsdelivr.net/gh/cypicbed/cypic@master/img/mt5.jpg',
'https://img.400511.net/2022/02/24/Ne5Wu0HV.jpg'
/*需要随机到的图片的链接*/
]

var background_urls = [ 后面的改成需要的照片的链接