mirror of
				https://github.com/tormachris/cf-workers-status-page.git
				synced 2025-11-04 04:46:24 +01:00 
			
		
		
		
	GitBook: [main] 2 pages modified
This commit is contained in:
		
							
								
								
									
										87
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										87
									
								
								README.md
									
									
									
									
									
								
							@@ -1 +1,88 @@
 | 
			
		||||
# Cloudflare Worker - Status Page
 | 
			
		||||
 | 
			
		||||
Monitor your websites, present the status including daily history, and get Slack notification whenever your website status changes. Using **Cloudflare Workers**, **CRON Triggers,** and **KV storage**.
 | 
			
		||||
 | 
			
		||||
### Pre-requisites
 | 
			
		||||
 | 
			
		||||
You'll need a [Cloudflare Workers account](https://dash.cloudflare.com/sign-up/workers) with
 | 
			
		||||
 | 
			
		||||
* A workers domain set up
 | 
			
		||||
* The Workers Bundled subscription \($5/mo\)
 | 
			
		||||
* Some websites/APIs to watch 🙂
 | 
			
		||||
 | 
			
		||||
Also, prepare the following secrets
 | 
			
		||||
 | 
			
		||||
* Cloudflare API token with `Edit Cloudflare Workers` permissions
 | 
			
		||||
* Slack incoming webhook \(optional\)
 | 
			
		||||
 | 
			
		||||
### Getting started
 | 
			
		||||
 | 
			
		||||
You can either deploy with **Cloudflare Deploy Button** using GitHub Actions or deploy on your own.
 | 
			
		||||
 | 
			
		||||
#### Deploy with Cloudflare Deploy Button
 | 
			
		||||
 | 
			
		||||
[](https://deploy.workers.cloudflare.com/?url=https://github.com/eidam/cf-workers-status-page&paid=true)
 | 
			
		||||
 | 
			
		||||
1. Click the button and follow the instructions, you should end up with a clone of this repository
 | 
			
		||||
2. Navigate to your new **GitHub repository > Settings > Secrets** and add the following secrets:
 | 
			
		||||
 | 
			
		||||
   ```text
 | 
			
		||||
   - Name: CF_API_TOKEN (should be added automatically)
 | 
			
		||||
 | 
			
		||||
   - Name: CF_ACCOUNT_ID (should be added automatically)
 | 
			
		||||
 | 
			
		||||
   - Name: SECRET_SLACK_WEBHOOK_URL
 | 
			
		||||
   - Value: your-slack-webhook-url
 | 
			
		||||
   ```
 | 
			
		||||
 | 
			
		||||
3. Edit [config.yaml](https://github.com/eidam/cf-workers-status-page/blob/main/config.yaml) to adjust configuration and list all of your websites/APIs you want to monitor
 | 
			
		||||
 | 
			
		||||
   ```text
 | 
			
		||||
   settings:
 | 
			
		||||
     title: "Status Page"
 | 
			
		||||
     url: "https://status-page.eidam.dev" # used for Slack messages
 | 
			
		||||
     logo: logo-192x192.png # image in ./public/ folder
 | 
			
		||||
     daysInHistogram: 90 # number of days you want to display in histogram
 | 
			
		||||
 | 
			
		||||
     # 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: status-page-eidam-dev # unique identifier
 | 
			
		||||
       name: Eidam's Status Page
 | 
			
		||||
       description: 'https://status-page.eidam.dev' # (optional)
 | 
			
		||||
       url: 'https://status-page.eidam.dev/' # URL to fetch
 | 
			
		||||
       method: GET # default=GET
 | 
			
		||||
       expectStatus: 200 # operational status, default=200
 | 
			
		||||
       followRedirect: false # should fetch follow redirects, default=false
 | 
			
		||||
   ```
 | 
			
		||||
 | 
			
		||||
4. Push to `main` branch to trigger the deployment
 | 
			
		||||
5. 🎉
 | 
			
		||||
6. _\(optional\)_ Go to [Cloudflare Workers settings](https://dash.cloudflare.com/?to=/workers) and assign custom domain/route
 | 
			
		||||
   * e.g. `status-page.eidam.dev/*` _\(make sure you include `/*` as the Worker also serve static files\)_
 | 
			
		||||
 | 
			
		||||
#### Deploy on your own
 | 
			
		||||
 | 
			
		||||
You can clone the repository yourself and use Wrangler CLI to develop/deploy, extra list of things you need to take care of:
 | 
			
		||||
 | 
			
		||||
* create KV namespace and add the `KV_STATUS_PAGE` binding to [wrangler.toml](https://github.com/eidam/cf-workers-github-releases/blob/main/wrangler.toml)
 | 
			
		||||
* create Worker secrets _\(optional\)_
 | 
			
		||||
  * `SECRET_SLACK_WEBHOOK_URL`
 | 
			
		||||
 | 
			
		||||
### Known issues
 | 
			
		||||
 | 
			
		||||
* **Max 25 monitors to watch in case you are using Slack notifications**, due to the limit of subrequests Cloudflare Worker can make \(50\).
 | 
			
		||||
 | 
			
		||||
  The plan is to support up to 49 by sending only one Slack notification per scheduled run.
 | 
			
		||||
 | 
			
		||||
* **KV replication lag -** You might get Slack notification instantly, however it may take couple of more seconds to see the change on your status page as [Cron Triggers are usually running on underutilized quiet hours machines](https://blog.cloudflare.com/introducing-cron-triggers-for-cloudflare-workers/#how-are-you-able-to-offer-this-feature-at-no-additional-cost).
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										4
									
								
								SUMMARY.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								SUMMARY.md
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,4 @@
 | 
			
		||||
# Table of contents
 | 
			
		||||
 | 
			
		||||
* [Cloudflare Worker - Status Page](README.md)
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user