• 欢迎访问好鸭博客网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。

使用CloudFlare Workers搭建一个随机图片API工具

教程 haoduck 4年前 (2020-08-02) 906次浏览 3个评论

CloudFlare Workers 的名称来自 Web Workers,更具体地说是 Service Workers,一个用于在 web 浏览器后台运行并拦截 HTTP 请求的脚本的 W3C 标准 API。CloudFlare Workers 是针对相同的标准 API 编写的,但是是在 Cloudflare 的服务器上运行,而不是在浏览器中运行。

一、注册CloudFlare

https://dash.cloudflare.com

注册好之后,Cloudflare会让你接入一个域名。如果你没有域名或者不想接入Cloudflare,随意输入一个域名即可

二、使用Workers

进入https://dash.cloudflare.com

第一次进入会让你设置子域,随你开心即可

完事点击创建Workers

将下列代码替换进去图中的位置

addEventListener(
  'fetch', event => {
    let url = new URL(event.request.url);
    var max=253;
    var min=1;
    url.host = 'raw.githubusercontent.com';
    url.pathname = 'usernamenotfount/wssbz/master/'
     + Math.floor(Math.random()*(max-min+1)+min) + '.jpg';
    let request = new Request(url, event.request);
    event.respondWith(
      fetch(request)
    )
  }
)

还有可以自定义前缀(默认是一组比较乱的)

如果你想使用它,有几处要改的,仓库的地址(usernamenotfount/wssbz/master/),图片的数量(var max=253;)

如果不像我一样迫害Github,那么相应的,raw.githubusercontent.com也要改成对应的域名

三、成品

最终的成品就是这样:https://wss.setu.workers.dev/

后缀随便也不影响效果,比如:

https://wss.setu.workers.dev/js/jquery-1.8.3.min.js

https://wss.setu.workers.dev/randpic.jpg

如果你能看到下面的图,刷新页面,图片应该会变化(如果无效,可以尝试通过Ctrl+F5强制刷新)


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用CloudFlare Workers搭建一个随机图片API工具
喜欢 (1)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 第二步网址发错了。请更正!
    好鸭大帝2020-08-08 18:41 Reply
  2. 第二步网站发错了
    大帝2020-08-09 00:26 Reply
    • 已经和阳阳姐确认过了,就是这样没错
      haoduck2020-08-13 22:50 Reply