halaman status pekerja cf

Pekerja Cloudflare - Halaman Status

Pantau situs web Anda, tampilkan status termasuk riwayat harian, dan dapatkan pemberitahuan Slack setiap kali status situs web Anda berubah. Menggunakan Cloudflare Worker , Pemicu CRON, dan penyimpanan KV . Periksa halaman status saya!

Prasyarat

Anda memerlukan akun Cloudflare Workers

• Penyiapan domain pekerja
• Langganan Paket Pekerja ($5/bln)
  • Ia bekerja dengan Pekerja Gratis! Periksa info lebih lanjut tentang cara menjalankan di Workers Free.
• Beberapa situs web/API yang harus diperhatikan?

Siapkan juga rahasia berikut ini

• Token Cloudflare API dengan izin Edit Cloudflare Workers
• Webhook masuk kendur (opsional)
• Perselisihan webhook masuk (opsional)

Memulai

Anda dapat menerapkan dengan Cloudflare Deploy Button menggunakan GitHub Actions atau menerapkannya sendiri.

Terapkan dengan Tombol Penerapan Cloudflare

1. Klik tombol dan ikuti instruksinya, Anda akan mendapatkan tiruan dari repositori ini

2. Navigasikan ke repositori GitHub baru Anda > Pengaturan > Rahasia dan tambahkan rahasia berikut:

   - 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. Navigasikan ke pengaturan Tindakan di repositori Anda dan aktifkan

4. Edit config.yaml untuk menyesuaikan konfigurasi dan mencantumkan semua situs web/API yang ingin Anda pantau

    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. Dorong ke cabang main untuk memicu penerapan

6. ?

7. (opsional) Buka pengaturan Cloudflare Workers dan tetapkan domain/rute khusus

   • misalnya status-page.eidam.dev/* (pastikan Anda menyertakan /* karena Pekerja juga menyajikan file statis)

8. (opsional) Edit wrangler.toml untuk menyesuaikan pengaturan Pekerja atau jadwal Pemicu CRON, terutama jika Anda menggunakan paket Pekerja Gratis

Notifikasi Telegram

Untuk mengaktifkan notifikasi telegram, Anda perlu melakukan beberapa langkah tambahan.

1. Buat Bot baru
2. Tetapkan token api yang Anda terima saat membuat bot sebagai konten rahasia SECRET_TELEGRAM_API_TOKEN di repositori github Anda.
3. Kirim pesan ke bot dari akun telegram yang seharusnya menerima peringatan (Sesuatu lebih dari /start )
4. Dapatkan id obrolan dengan curl https://api.telegram.org/bot/getUpdates | jq '.result[0] .message .chat .id'
5. Tetapkan id obrolan yang diambil dalam variabel rahasia SECRET_TELEGRAM_CHAT_ID
6. Sebarkan ulang halaman status menggunakan tindakan github

Terapkan sendiri

Anda dapat mengkloning repositori sendiri dan menggunakan Wrangler CLI untuk mengembangkan/menerapkan, daftar tambahan hal-hal yang perlu Anda tangani:

• buat namespace KV dan tambahkan pengikatan KV_STATUS_PAGE ke wrangler.toml
• membuat rahasia Pekerja (opsional)
  • SECRET_SLACK_WEBHOOK_URL
  • SECRET_DISCORD_WEBHOOK_URL

Pekerja KV tingkat gratis

Paket Bebas Pekerja mencakup penggunaan KV terbatas, namun kuota cukup untuk pengecekan 2 menit saja

• Ubah pemicu CRON menjadi interval 2 menit ( crons = ["*/2 * * * *"] ) di wrangler.toml

Masalah yang diketahui

• Maksimum 25 monitor yang harus diperhatikan jika Anda menggunakan notifikasi Slack , karena batas subpermintaan yang dapat dibuat oleh Cloudflare Worker (50).

  Rencananya adalah untuk mendukung hingga 49 dengan hanya mengirimkan satu notifikasi Slack per jadwal pengoperasian.

• Keterlambatan replikasi KV - Anda mungkin mendapatkan notifikasi Slack secara instan, namun mungkin diperlukan beberapa detik lagi untuk melihat perubahan pada halaman status Anda karena Cron Triggers biasanya berjalan pada mesin jam tenang yang kurang dimanfaatkan.

• Penundaan awal (tidak ada data) - Diperlukan beberapa menit untuk menjadwalkan dan menjalankan Pemicu CRON untuk pertama kalinya

Rencana masa depan

WIP - Dukungan untuk Objek Tahan Lama - Produk Cloudflare untuk koordinasi latensi rendah dan penyimpanan yang konsisten untuk platform Pekerja. Ada prototipe yang berfungsi, namun kami menunggu setidaknya beta terbuka.

Ada juga versi terkelola dari proyek ini, yang saat ini masih dalam versi beta. Silakan memeriksanya https://statusflare.com (https://twitter.com/statusflare_com).

Menjalankan proyek secara lokal

Persyaratan

• Linux atau WSL
• Benang ( npm i -g yarn )
• simpul 14+

Langkah-langkah untuk mengaktifkan dan menjalankan server

Instal penengkar

 npm i -g wrangler

Masuk Dengan Wrangler ke Cloudflare

 wrangler login

Buat namespace KV Anda di cloudflare

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

Perbarui wrangler.toml Anda dengan

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

Catatan: Anda mungkin perlu mengubah kv-namespaces menjadi kv_namespaces

Instal paket

 yarn install

Buat CSS

 yarn run css

Berlari

 yarn run dev

Catatan: Jika gaya tidak muncul, coba gunakan localhost:8787 daripada localhost:8080