Github project: Uptime-status - Deploy UptimeRobot Monitoring Status Page into Heroku
With UptimeRobot's free plan, you will get 50 monitors with 5 minutes monitoring interval, and 5 public status pages, weekly reports etc. It is usually enough for someone like me. I just used following two different ways to get my own UptimeRobot Monitoring Status Page set up. The whole process was easy and the result is fantastic.Â
Pre-requirements:
This will be easiest way to do but you wont be able to get much customization other than using your own logo and domain. There are some themes for you to choose and also you can control which monitor can show on the page. For security, you can put an password on your page to make it not public.Â
Check the uptimerobot's status page:
I forked yb/uptim-status into my own repository (https://github.com/51sec/uptime-status) and made a Deploy to Heroku button to make this project can be quickly and easily deployed.Â
From Heroku app's settings, go to domain and get your Heroku's url. You also can add your own domain as long as you have a cname pointing to Heroku.Â
Cloudflare - add a new cname record
Pre-requirements:
- UptimeRobot account
- Github Account
- Heroku Account
- Own Domain, Cloudflare account (Option)
From UptimeRobot Website Status Page
This will be easiest way to do but you wont be able to get much customization other than using your own logo and domain. There are some themes for you to choose and also you can control which monitor can show on the page. For security, you can put an password on your page to make it not public.Â
GitHub Project - Uptime-status
I forked yb/uptim-status into my own repository (https://github.com/51sec/uptime-status) and made a Deploy to Heroku button to make this project can be quickly and easily deployed.Â
1Â Â Deploy to Heroku button
Modify README.md file and add following code in:
[](https://dashboard.heroku.com/new?template=https://github.com/51sec/uptime-status/master)
2Â Â Create a index.php file to load home.html static web page
also rename index.html file to home.html. You can not use index.php to load index.html.
<?php include_once("home.html"); ?>
3Â Â Create a composer.json file including {}
{}
4Â Â Create a app.json file:
Change it accordingly based on your configuration.
{
"name": "uptime-status",
"description": "UptimeRobot StatusPage",
"keywords": [
"UptimeRobot",
"StatusPage",
"Uptime",
"Robot"
],
"website": "https://github.com/51sec/uptime-status",
"repository": "https://github.com/51sec/uptime-status",
"env": {
"BUILDPACK_URL": "https://github.com/heroku/heroku-buildpack-php"
}
}
5Â Â Click button to deploy
Demo site:
Notes:
Latest release from yb/uptime-status : https://github.com/yb/uptime-status/releases/latest
Source code files are under src folder. It will need to be compiled to be used to serve as static page. Cloudflare - Custome domainÂ
From Heroku project's settings page, add a custom domain for your project.The target for this cname, you will get it from Heroku's settings page when you add custom domain in.
No comments