今天教程教大家怎么建一个简单的图片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 = [ 后面的改成需要的照片的链接