侧边栏壁纸

写了一个能让各位知道我睡没睡着的网页

2024年07月02日 1.6w阅读 90评论 183点赞

前言

  因为中考完后的假期太闲,我又算是个比较爱睡觉(小睡)的人,所以基本上每天都处在睡着->醒来->睡着->醒来的循环中。朋友们喜欢留言找我,但一两条通知没法吵醒我,直接打电话又有些唐突。于是我决定写一个网页,来让访问网页的各位看到我是活着的还是似着的()

  首先实现思路就是后端给两个接口。一个切换状态(switch)接口,当带 status=1 参数请求时,将状态更改为醒着(awake);当带 status=0 参数请求时,将状态更改为梦中(sleeping)。对于切换状态接口,任何操作都必须带上正确的 secret 密钥参数,否则直接返回 Invalid secret.。第二个接口是查询状态(query)接口,无需任何参数,请求接口后直接返回当前状态。前端请求查询状态(query)接口后,即可显示当前状态。更改状态使用快捷指令发送get请求。

  最终成功实现了想要的效果: https://maao.cc/sleepy/

ly4dfnsu.png

183

—— 评论区 ——

昵称
邮箱
网址
取消
  1. @
    头像
    平安是福peace
    Android 12   手机微信

    👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

    1. @
      头像
      maomao
      @平安是福peace
      博主
      Windows 10   Microsoft Edge

      亻尔 女子

  2. @
    头像

    扔进收藏夹()

    1. @
      头像
      maomao
      @B84F2246
      博主
      Windows 10   Microsoft Edge

      正确的()

    2. @
      头像
      B84F2246
      @B84F2246
      Windows 10   Microsoft Edge

      头像显示似乎不正确(

  3. @
    头像
    Qrasa
    iOS 18.0   Safari

    源码发我,我也整一个表情

    1. @
      头像
      com_cmd(B站)
      @Qrasa
      Mac OS X 10.15.7   Safari

      e m m m m m

    2. @
      头像
      wyf9
      @Qrasa
      Windows 10   Microsoft Edge

      我这复刻了一个,放github了

      wyf9/sleepy

  4. @
    头像
    曼君
    Android 14   Google Chrome

    好好好

  5. @
    头像

    很奇怪如果用浏览器看就是1,但是用curl看就是0
    浏览器:
    fetch("https://maao.cc/sleepy/", {
    "headers": {

    "accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,**;q=0.1", "accept-language": "en,en-US;q=0.9,zh-CN;q=0.8,zh;q=0.7", "cache-control": "no-cache", "pragma": "no-cache", "priority": "u=0", "sec-ch-ua": "\"Not/A)Brand\";v=\"8\", \"Chromium\";v=\"126\", \"Google Chrome\";v=\"126\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"macOS\"", "sec-fetch-dest": "style", "sec-fetch-mode": "no-cors", "sec-fetch-site": "same-origin"

    },
    "referrer": "https://maao.cc/sleepy/",
    "referrerPolicy": "strict-origin-when-cross-origin",
    "body": null,
    "method": "GET",
    "mode": "cors",
    "credentials": "omit"
    }); ;
    fetch("https://maao.cc/sleepy/assets/query.js", {
    "headers": {

    "accept": "**;q=0.8", "accept-language": "en,en-US;q=0.9,zh-CN;q=0.8,zh;q=0.7", "cache-control": "no-cache", "pragma": "no-cache", "priority": "i", "sec-ch-ua": "\"Not/A)Brand\";v=\"8\", \"Chromium\";v=\"126\", \"Google Chrome\";v=\"126\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"macOS\"", "sec-fetch-dest": "image", "sec-fetch-mode": "no-cors", "sec-fetch-site": "same-site"

    },
    "referrer": "https://maao.cc/",
    "referrerPolicy": "strict-origin-when-cross-origin",
    "body": null,
    "method": "GET",
    "mode": "cors",
    "credentials": "omit"
    }); ;
    fetch("https://api.maao.cc/paimon/img/99990432_p0.jpg", {
    "headers": {

    "accept": "image/avif,image/webp,image/apng,image/svg+xml,image*;q=0.8", "accept-language": "en,en-US;q=0.9,zh-CN;q=0.8,zh;q=0.7", "cache-control": "no-cache", "pragma": "no-cache", "priority": "i", "sec-ch-ua": "\"Not/A)Brand\";v=\"8\", \"Chromium\";v=\"126\", \"Google Chrome\";v=\"126\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"macOS\"", "sec-fetch-dest": "image", "sec-fetch-mode": "no-cors", "sec-fetch-site": "same-site"

    },
    "referrer": "https://maao.cc/",
    "referrerPolicy": "strict-origin-when-cross-origin",
    "body": null,
    "method": "GET",
    "mode": "cors",
    "credentials": "omit"
    }); ;
    fetch("https://maao.cc/sleepy/query/", {
    "headers": {

    "accept": "**;q=0.8", "accept-language": "en,en-US;q=0.9,zh-CN;q=0.8,zh;q=0.7", "cache-control": "no-cache", "pragma": "no-cache", "priority": "u=1, i", "sec-ch-ua": "\"Not/A)Brand\";v=\"8\", \"Chromium\";v=\"126\", \"Google Chrome\";v=\"126\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"macOS\"", "sec-fetch-dest": "image", "sec-fetch-mode": "no-cors", "sec-fetch-site": "same-origin"

    },
    "referrer": "https://maao.cc/sleepy/",
    "referrerPolicy": "strict-origin-when-cross-origin",
    "body": null,
    "method": "GET",
    "mode": "cors",
    "credentials": "omit"
    });
    curl:

    Host maao.cc:443 was resolved.IPv6: 2600:9000:26fa:5400:1b:9237:c140:93a1, 2600:9000:26fa:a000:1b:9237:c140:93a1, 2600:9000:26fa:dc00:1b:9237:c140:93a1, 2600:9000:26fa:4000:1b:9237:c140:93a1, 2600:9000:26fa:a200:1b:9237:c140:93a1, 2600:9000:26fa:e00:1b:9237:c140:93a1, 2600:9000:26fa:7e00:1b:9237:c140:93a1, 2600:9000:26fa:1c00:1b:9237:c140:93a1IPv4: 13.249.190.11, 13.249.190.109, 13.249.190.78, 13.249.190.60Trying [2600:9000:26fa:5400:1b:9237:c140:93a1]:443...Connected to maao.cc (2600:9000:26fa:5400:1b:9237:c140:93a1) port 443ALPN: curl offers h2,http/1.1(304) (OUT), TLS handshake, Client hello (1):CAfile: /etc/ssl/cert.pemCApath: none(304) (IN), TLS handshake, Server hello (2):(304) (IN), TLS handshake, Unknown (8):(304) (IN), TLS handshake, Certificate (11):(304) (IN), TLS handshake, CERT verify (15):(304) (IN), TLS handshake, Finished (20):(304) (OUT), TLS handshake, Finished (20):SSL connection using TLSv1.3 / AEAD-AES128-GCM-SHA256 / [blank] / UNDEFALPN: server accepted h2Server certificate:subject: CN=maao.ccstart date: Oct 28 00:00:00 2023 GMTexpire date: Oct 27 23:59:59 2024 GMTsubjectAltName: host "maao.cc" matched cert's "maao.cc"issuer: C=US; O=DigiCert Inc; OU=www.digicert.com; CN=Encryption Everywhere DV TLS CA - G2SSL certificate verify ok.using HTTP/2[HTTP/2] [1] OPENED stream for https://maao.cc/sleepy/query/[HTTP/2] [1] [:method: GET][HTTP/2] [1] [:scheme: https][HTTP/2] [1] [:authority: maao.cc][HTTP/2] [1] [:path: /sleepy/query/][HTTP/2] [1] [user-agent: curl/8.6.0]

    [HTTP/2] [1] [accept: /]

    GET /sleepy/query/ HTTP/2
    Host: maao.cc
    User-Agent: curl/8.6.0
    Accept: /

    < HTTP/2 200
    < content-type: text/html; charset=UTF-8
    < server: Tengine
    < date: Wed, 03 Jul 2024 21:26:20 GMT
    < via: cache34.l2et2[9,0], ens-cache11.cn6011[13,0], 1.1 7bd20765fb335de036eff4682be365d4.cloudfront.net (CloudFront)
    < timing-allow-origin: *
    < eagleid: 3daa4f1f17200419809355277e
    < vary: Accept-Encoding
    < x-cache: Hit from cloudfront
    < x-amz-cf-pop: JFK52-P1
    < alt-svc: h3=":443"; ma=86400
    < x-amz-cf-id: DGWasjTC02dQh2_DcXuj0NV1-gxJ0qHL-qx7fXe48YVHyfswg6RsWg==
    < age: 616
    < vary: Origin
    <

    Connection #0 to host maao.cc left intact
    0
    1. @
      头像
      黔中极客
      @Stevenli
      Android 10   Google Chrome

      你甚至还专门做了个网站去统计他的睡眠质量QQ

  6. @
    头像
    Eric
    iOS 18.0   Safari

    我想扯你唧唧QQQQ

    1. @
      头像
      maomao
      @Eric
      博主
      Windows 10   Microsoft Edge

      哭哭

  7. @
    头像
    K3r11o
    iOS 18.0   Safari

    我喜欢你

  8. @
    头像

    必须丢我主页上有事没事点一下QQ

  9. @
    头像
    4444
    Android 10   Microsoft Edge

    还不睡?

    1. @
      头像
      Bugjumpawa
      @4444
      Android 10   Google Chrome

      还不睡?

      1. @
        头像
        4444
        @Bugjumpawa
        Android 10   Microsoft Edge

        6

  10. @
    头像
    一氧化二氢聚氢氧酸酐苛性氢脱氰零醛肟氢化脱硫磺酸羟基氢脱碳甲醛脱碳葡萄糖脱羰甲酸氧代硫化氢氢氧化氢碱式氢二氧醚零醇氢酚氢羟酸二零醚正氧烷氧乙烯氢化超氧酰二聚氢氧酸氧化脱脂甲酸氧化脱苄苯甲醇羟基脱羧甲酸氧化脱硝硝酸氢化脱氰氰酸
    Android 12   华为浏览器

    害不睡?

  11. @
    头像
    不近
    Android 14   Google Chrome

    该睡觉了!

  12. @
    头像
    谜之名
    Android 14   Firefox

    什么修仙

  13. @
    头像
    ooo
    Android 12   WebView

    点击特效太彳亍了,想要

    1. @
      头像
      ooo
      @ooo
      Android 12   WebView

      坐和放宽,头抬起,是的,你正在成功,幸福倒计时结束,新的寡妇11系统正在安装,升级前请确认硬盘有充足免费空间。连接功率,给电池50%充电,以得到100%完全收费的电池。放心,升级过程中免费花分文,所有文件都已归位,文件不会被删除(删除),请勿™关闭计算机,正在处理一些事情,好东西就要来了……别来无恙啊!Windows整了这些设置以与你的硬件相匹配。按下功率按钮for20,轰!嚓-嚓-嚓!推推。启动赢11系统系统,不要说我们没有警告过你……这下尴尬了,如果内部技术预览口版你的设备遇到问题,需要重启(BSOD)等意想不到的事情发生了,请打开植物性燃料(BIOS)设置,选择滚回到以前的系统,或启动修复函数,并在内部集线器(无需斗篷)中反馈,我们会在播放列表审批您。你今天看起来很聪明,我们走吧,生活就是这样,我愿冒险尝试由铬驱动的微软边缘浏览器,保护您的设备不受威胁,将微软边缘固定在Windodws码头上,Edge酒吧能满足您的需求,今日奖励自己  【Microsoft Reward】,试用副驾驶驱动的u000aMicrsofot 371,保存14%并订阅,让我们重回正轨,您是最新的!登陆微软账户,我们这里没有outlook。com,试用Windos玩,检查人个资料,通过玩家代号寻早好友,请尽情使用吧,当你使用游戏模式时,Windows会在后台关闭游戏来优化游戏体验。​

  14. @
    头像
    adamaik
    Android 14   Google Chrome

    我比较想知道的是如何通过siri发送修改请求到后端的?另外,你这网站是搞的云服务器还是套了个转发?家庭宽带没法开80和443的

    1. @
      头像
      maomao
      @adamaik
      博主
      Windows 10   Microsoft Edge

      Siri发请求是快捷指令,网站服务器是云上的

  15. @
    头像
    Mal_JwBAay
    Android 13   百度APP

    今天晚上看看有没有不眠之夜

  16. @
    头像
    能睡是福
    Android 13   Google Chrome

    看的出来确实很爱睡

  17. @
    头像
    惩罚者勇闯地狱厨房
    Android 11   Google Chrome

    ( ◜‿◝ )♡

  18. @
    头像
    殇雪
    Android 14   小米浏览器

    太有实力了只能说QQ

    1. @
      头像
      maomao
      @殇雪
      博主
      Windows 10   Microsoft Edge

      其实还好啦,实现原理不算很复杂

  19. @
    头像
    艾希
    HarmonyOS   华为浏览器

    *b站刷到
    *偷偷收藏
    *时不时过来视奸up👀
    (顺带一提现在是睡似了的状态)

    1. @
      头像
      maomao
      @艾希
      博主
      Windows 10   Microsoft Edge

      哈哈哈哈哈,好好好

  20. @
    头像
    夜ノみつき
    Android 12   小米浏览器

    我喜欢你🤓🤓🤓

  21. @
    头像

    万一真睡丝了呢,而且还是丝丝的那种

  22. @
    头像
    xp_orb
    Android 10   Microsoft Edge

    没似,太好了。

  23. @
    头像
    电池组
    iOS 17.5.1   Quark浏览器

    毛毛现在在干嘛啊

    1. @
      头像
      maomao
      @电池组
      博主
      Windows 10   Microsoft Edge

      偷偷透露一下()在给这个网页加一个提醒毛毛按时睡觉的功能

  24. @
    头像
    砂糖橘好耶!
    Windows Server 2003   Quark浏览器

    太帅了哥

  25. @
    头像
    HShiDianLu
    Windows 10   Microsoft Edge

    复刻力(
    https://hshidianlu.site/status

  26. @
    头像
    道崀:DL239342
    Android 10   Microsoft Edge

    好高端 看不懂 但是我知道现在up睡死了

  27. @
    头像
    六个点
    Android 12   OPPO浏览器

    还不起床?QQ

  28. @
    头像
    烛天
    Android 10   Google Chrome

    打卡

  29. @
    头像
    还没想好改什么名呢
    iOS 16.7.1   Safari

    似了,沉痛哀悼(

  30. @
    头像
    知善恶树
    Windows 10   Firefox

    可爱捏表情

  31. @
    头像
    ⁣  ⁢
    Android 10   Microsoft Edge

    好玩

  32. @
    头像
    米乡
    Android 10   Microsoft Edge

    我去!好强。。
    甚至输入qq号自动识别QQ

    1. @
      头像
      阿米诺斯
      @米乡
      Android 12   WebView

      ?哪个网址

  33. @
    头像
    阿米诺斯
    Android 12   WebView

    为什么不睡

  34. @
    头像
    Tony
    iOS 17.5   Microsoft Edge

    怎么弄的?出期教程呗

  35. @
    头像
    夜十
    Android 14   手机微信

    发到班级群里,让同学监督。

  36. @
    头像
    暗林
    Windows Server 2003   Quark浏览器

    亻尔女子

  37. @
    头像
    Beluga
    iOS 17.5.1   Safari

    睡似了?

  38. @
    头像
    Beluga
    iOS 17.5.1   Safari

    null

  39. @
    头像
    只因你太美。
    Android 12   小米浏览器

    起床了起床了,这个点还没起床的都是懒狗 是铁打的孙笑川,是…记不住了

  40. @
    头像
    Yaron
    iOS 17.5.1   Safari

    做个视频教大家怎么做一个类似的网站呗QQ

  41. @
    头像
    Minex
    iOS 15.1   Safari

    真的闲 🤯

  42. @
    头像
    arter
    iOS 17.3.1   Safari

    还不睡?

  43. @
    头像

    暑假到了,该癫的都开始癫了🤯

  44. @
    头像
    隔三湘
    Android 14   ViVO浏览器

    致敬传奇耐睡王

  45. @
    头像
    迷你世界卡卡
    Android 10   Microsoft Edge

    月吗

  46. @
    头像
    LIzzy
    Android 13   ViVO浏览器

    bro 中考完??
    这也太强了吧

  47. @
    头像
    1848732382
    Android 14   Google Chrome

    彳亍小电视

  48. @
    头像
    1839798279
    Android 11   WebView

    你是小男娘吗?(好奇)

  49. @
    头像
    空想级MKIII方舟领航员
    Android 11   Google Chrome

    你玩原神,崩坏三,崩坏星穹铁道,绝区零吗给个好友位小电视

  50. @
    头像

    牛氵皮一

  51. @
    头像
    五行缺钱(原庆祥五金)
    Mac OS X 10.15.7   Safari

    大半夜还醒着?

  52. @
    头像
    我没意见
    Android 14   小米浏览器

    还不睡吗(同款中考完,我明天10:30出成绩)小电视

    1. @
      头像
      黔中极客
      @我没意见
      Android 11   Google Chrome

      怎么现在才中考完,我们这边算晚的了,我都已经录上高中了小电视

      1. @
        头像
        我没意见
        @黔中极客
        Android 14   小米浏览器

        广州中考是这样,今天10:30才出的,730

  53. @
    头像
    我没意见
    Android 14   小米浏览器

    好耶,今天广州中考成绩出来了,730,花雅稳了QQ

  54. @
    头像
    2490450554
    Mac OS X 10.15.7   Safari

    逆天

  55. @
    头像

    为什么有时候午睡有时候不午睡

  56. @
    头像
    2862783401
    Android 10   Google Chrome

    快十二点半了,害tm不睡呢?QQ

  57. @
    头像
    Sicily
    Windows 10   Google Chrome

    1. @
      头像
      Sicily
      @Sicily
      Windows 10   Google Chrome

      什么离谱古远头像

  58. @
    头像
    Sicily
    Windows 10   Google Chrome

    123456测试

  59. @
    头像
    TanYuan
    Android 10   Google Chrome

    怎么睡了?小电视

  60. @
    头像
    337845818
    Android 12   Google Chrome

    6

  61. @
    头像
    666
    Mac OS X 10.15.7   Google Chrome

    11:02睡似了,睡眠这么好吗

  62. @
    头像
    Цзян дун·Se
    iOS 16.3   Safari

    亻尔 女子

  63. @
    头像
    2084291492
    iOS 16.3   Safari

    大早上的睡什么觉😡

  64. @
    头像
    Jbyccc
    Android 11   Google Chrome

    这网站用的是模板吗?部分手机适配不行(

  65. @
    头像
    SmallYue
    Android 14   Google Chrome

    六点还不醒😡

  66. @
    头像
    1978385477
    Android 10   WebView

    好酷的网站🤯

  67. @
    头像
    ■■
    Android 11   Google Chrome

    你怎么睡得着的(?)

  68. @
    头像
    2742309773
    Android 14   ViVO浏览器

    7点了赶紧起来做视频
    别睡了😡👊🏻

  69. @
    头像

    问一下喵,视频里的siri修改这个是怎么实现的喵,使用的插件喵?

    1. @
      头像
      maomao
      @白墨麒麟 BaimoQilin
      博主
      Mac OS X 10.15.7   Safari

      都是快捷指令(

  70. @
    头像
    iOS 0 (iPad   Mozilla Compatible

    大骗子,那个都没了。QQ

    1. @
      头像
      maomao
      @
      博主
      Windows 10   Microsoft Edge

      网站全部升级了,这个服务会在这周末恢复

博主栏壁纸
19 文章数
36 标签数
182 评论量