หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด
หน้าสถานะคนงาน cf

Cloudflare Worker - หน้าสถานะ

ตรวจสอบเว็บไซต์ของคุณ สถานะการแสดง รวมถึงประวัติรายวัน และรับการแจ้งเตือน Slack ทุกครั้งที่สถานะเว็บไซต์ของคุณเปลี่ยนแปลง การใช้ Cloudflare Workers , ทริกเกอร์ CRON และ ที่เก็บข้อมูล KV ตรวจสอบหน้าสถานะของฉัน!

หน้าสถานะ

การแจ้งเตือนหย่อน

ข้อกำหนดเบื้องต้น

คุณจะต้องมีบัญชี Cloudflare Workers ด้วย

  • ตั้งค่าโดเมนผู้ปฏิบัติงานแล้ว
  • การสมัครสมาชิก Workers Bundled ($5/เดือน)
    • ใช้งานได้กับ Workers Free! ตรวจสอบข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานบน Workers Free
  • บางเว็บไซต์/API ที่น่าจับตามอง ?

เตรียมความลับต่อไปนี้ด้วย

  • โทเค็น Cloudflare API พร้อมสิทธิ์ Edit Cloudflare Workers
  • หย่อน webhook ขาเข้า (ไม่บังคับ)
  • Discord webhook ขาเข้า (ไม่บังคับ)

เริ่มต้นใช้งาน

คุณสามารถปรับใช้ด้วย ปุ่ม Cloudflare Deploy โดยใช้ GitHub Actions หรือปรับใช้ด้วยตัวเอง

ปรับใช้ด้วยปุ่มปรับใช้ Cloudflare

  1. คลิกปุ่มและทำตามคำแนะนำ คุณจะพบกับโคลนของที่เก็บนี้

  2. ไปที่ ที่เก็บ GitHub ใหม่ของคุณ > การตั้งค่า > ข้อมูลลับ และเพิ่มข้อมูลลับต่อไปนี้: 

    - Name : CF_API_TOKEN (should be added automatically)

- Name : CF_ACCOUNT_ID (should be added automatically)

- Name : SECRET_SLACK_WEBHOOK_URL (optional)
- Value : your-slack-webhook-url

- Name : SECRET_DISCORD_WEBHOOK_URL (optional)
- Value : your-discord-webhook-url

  3. ไปที่การตั้งค่า การดำเนินการ ในพื้นที่เก็บข้อมูลของคุณและเปิดใช้งาน

  4. แก้ไข config.yaml เพื่อปรับการกำหนดค่าและแสดงรายการเว็บไซต์/API ทั้งหมดที่คุณต้องการตรวจสอบ 

     settings :
  title : ' Status Page '
  url : ' https://status-page.eidam.dev ' # used for Slack & Discord messages
  logo : logo-192x192.png # image in ./public/ folder
  daysInHistogram : 90 # number of days you want to display in histogram
  collectResponseTimes : false # experimental feature, enable only for <5 monitors or on paid plans

  # configurable texts across the status page
  allmonitorsOperational : ' All Systems Operational '
  notAllmonitorsOperational : ' Not All Systems Operational '
  monitorLabelOperational : ' Operational '
  monitorLabelNotOperational : ' Not Operational '
  monitorLabelNoData : ' No data '
  dayInHistogramNoData : ' No data '
  dayInHistogramOperational : ' All good '
  dayInHistogramNotOperational : ' Some checks failed '

# list of monitors
monitors :
  - id : workers-cloudflare-com # unique identifier
    name : workers.cloudflare.com
    description : ' You write code. They handle the rest. ' # default=empty
    url : ' https://workers.cloudflare.com/ ' # URL to fetch
    method : GET # default=GET
    expectStatus : 200 # operational status, default=200
    followRedirect : false # should fetch follow redirects, default=false
    linkable : false # should the titles be links to the service, default=true

  5. พุชไปที่สาขา main เพื่อทริกเกอร์การปรับใช้

  6. -

  7. (ไม่บังคับ) ไปที่การตั้งค่า Cloudflare Workers และกำหนดโดเมน/เส้นทางที่กำหนดเอง

    • เช่น status-page.eidam.dev/* (ตรวจสอบให้แน่ใจว่าคุณรวม /* เนื่องจาก Worker ให้บริการไฟล์คงที่ด้วย)

  8. (ไม่บังคับ) แก้ไข wrangler.toml เพื่อปรับการตั้งค่าผู้ปฏิบัติงานหรือกำหนดเวลาทริกเกอร์ CRON โดยเฉพาะอย่างยิ่งหากคุณใช้แผน Workers Free

การแจ้งเตือนทางโทรเลข

หากต้องการเปิดใช้งานการแจ้งเตือนทางโทรเลข คุณจะต้องดำเนินการขั้นตอนเพิ่มเติมสองสามขั้นตอน

  1. สร้างบอทใหม่
  2. ตั้งค่าโทเค็น API ที่คุณได้รับเมื่อสร้างบอตเป็นเนื้อหาของความลับ SECRET_TELEGRAM_API_TOKEN ในที่เก็บ GitHub ของคุณ
  3. ส่งข้อความถึงบอทจากบัญชีโทรเลขที่ควรได้รับการแจ้งเตือน (มีอะไรมากกว่า /start )
  4. รับรหัสแชทด้วย curl https://api.telegram.org/bot/getUpdates | jq '.result[0] .message .chat .id'
  5. ตั้งค่ารหัสแชทที่ดึงมาในตัวแปรลับ SECRET_TELEGRAM_CHAT_ID
  6. ปรับใช้หน้าสถานะอีกครั้งโดยใช้การดำเนินการ GitHub

ปรับใช้ด้วยตัวคุณเอง

คุณสามารถโคลนพื้นที่เก็บข้อมูลได้ด้วยตัวเอง และใช้ Wrangler CLI เพื่อพัฒนา/ปรับใช้ รายการเพิ่มเติมที่คุณต้องดูแล:

  • สร้างเนมสเปซ KV และเพิ่มการเชื่อมโยง KV_STATUS_PAGE เข้ากับ wrangler.toml
  • สร้างความลับของผู้ปฏิบัติงาน (ไม่บังคับ)
    • SECRET_SLACK_WEBHOOK_URL
    • SECRET_DISCORD_WEBHOOK_URL

คนงาน KV ระดับฟรี

แผน Workers Free มีการใช้งาน KV ที่จำกัด แต่โควต้าเพียงพอสำหรับการตรวจสอบ 2 นาทีเท่านั้น

  • เปลี่ยนทริกเกอร์ CRON เป็นช่วงเวลา 2 นาที ( crons = ["*/2 * * * *"] ) ใน wrangler.toml

ปัญหาที่ทราบ

  • สูงสุด 25 จอภาพเพื่อรับชมในกรณีที่คุณใช้การแจ้งเตือน Slack เนื่องจากข้อจำกัดของคำขอย่อยที่ Cloudflare Worker สามารถทำได้ (50)

    แผนนี้รองรับได้มากถึง 49 รายการโดยการส่งการแจ้งเตือน Slack เพียงครั้งเดียวต่อการเรียกใช้ตามกำหนดเวลา

  • ความล่าช้าในการจำลอง KV - คุณอาจได้รับการแจ้งเตือน Slack ทันที อย่างไรก็ตาม อาจต้องใช้เวลาสองสามวินาทีเพื่อดูการเปลี่ยนแปลงบนหน้าสถานะของคุณ เนื่องจาก Cron Triggers มักจะทำงานบนเครื่องในช่วงเวลาที่เงียบสงบซึ่งใช้งานน้อยเกินไป

  • ความล่าช้าเริ่มต้น (ไม่มีข้อมูล) - ใช้เวลาสองสามนาทีในการกำหนดเวลาและเรียกใช้ทริกเกอร์ CRON เป็นครั้งแรก

แผนการในอนาคต

WIP - รองรับ Durability Objects - ผลิตภัณฑ์ของ Cloudflare เพื่อการประสานงานที่มีเวลาแฝงต่ำและพื้นที่จัดเก็บข้อมูลที่สม่ำเสมอสำหรับแพลตฟอร์ม Workers มีต้นแบบที่ใช้งานได้ แต่เรากำลังรอเวอร์ชันเบต้าแบบเปิดเป็นอย่างน้อย

นอกจากนี้ยังมีเวอร์ชันที่ได้รับการจัดการของโปรเจ็กต์นี้ ซึ่งขณะนี้อยู่ในรุ่นเบต้า อย่าลังเลที่จะตรวจสอบ https://statusflare.com (https://twitter.com/statusflare_com)

ดำเนินโครงการในพื้นที่

ความต้องการ

  • ลินุกซ์หรือ WSL
  • เส้นด้าย ( npm i -g yarn )
  • โหนด 14+

ขั้นตอนในการเริ่มต้นใช้งานเซิร์ฟเวอร์

ติดตั้งแรงเลอร์ 

 npm i -g wrangler

เข้าสู่ระบบด้วย Wrangler สู่ Cloudflare 

 wrangler login

สร้างเนมสเปซ KV ของคุณใน cloudflare 

 On the workers page navigate to KV, and create a namespace

อัปเดต wrangler.toml ของคุณด้วย 

 kv-namespaces = [{binding="KV_STATUS_PAGE", id="", preview_id=""}]

หมายเหตุ: คุณอาจต้องเปลี่ยน kv-namespaces เป็น kv_namespaces

ติดตั้งแพ็คเกจ 

 yarn install

สร้าง CSS 

 yarn run css

วิ่ง 

 yarn run dev

หมายเหตุ: หากสไตล์ไม่สำเร็จ ให้ลองใช้ localhost:8787 แทน localhost:8080

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด