• 欢迎访问好鸭,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏好鸭吧

使用Cloudflare Workers搭建一个随机图片

教程 haoduck 3个月前 (08-02) 297次浏览 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

使用Cloudflare Workers搭建一个随机图片

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

完事点击创建Workers

使用Cloudflare 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)
    )
  }
)

使用Cloudflare Workers搭建一个随机图片

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

使用Cloudflare Workers搭建一个随机图片

如果你想使用它,有几处要改的,仓库的地址(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搭建一个随机图片
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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