Github project: Uptime-status - Deploy UptimeRobot Monitoring Status Page into Heroku - NETSEC


Learning, Sharing, Creating

Cybersecurity Memo

Sunday, January 10, 2021

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. 

  • 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. 

Check the uptimerobot's status page:

GitHub Project - Uptime-status

I forked yb/uptim-status into my own repository ( and made a Deploy to Heroku button to make this project can be quickly and easily deployed. 

1  Deploy to Heroku button
Modify file and add following code in:


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": [
    "website": "",
    "repository": "",
    "env": {
        "BUILDPACK_URL": ""
5  Click button to deploy

6  Get your Heroku App Link
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. 

Demo site:

Latest release from yb/uptime-status :
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.

Cloudflare - add a new cname record

The target for this cname, you will get it from Heroku's settings page when you add custom domain in.

YouTube Videos


No comments:

Post a Comment