App Error / Status Page

nichu42

Revisiting this thread... Is a custom error page a planned feature? Or is it already possible and I just missed it?

BrutalBirdie

@nichu42
If you want to hack around.

️ Notice: totally unofficial!

The files are here /home/yellowtent/box/dashboard/dist/

appstatus.html
notfound.html

You could hack a custom HTML in there, replacing the files (make a backup of the original files), which just redirects to, lets say, an uptime kuma or something else.

Have fun

girish

I guess https://docs.cloudron.io/branding/#custom-pages

nichu42

Excellent, thanks!

BrutalBirdie

@girish OH! I missed that doc. So it is official

nichu42

Ooops, I think it's the second time I have started a thread that could have been answered with a short RTFM. I'm glad that @girish is way too polite.
Thanks, I have set up the custom pages. Works perfectly. Now I can redirect visitors to my (externally hosted) uptime kuma status page when an app is not ressponding.

robi

@nichu42 would you mind letting us know what you implemented and how as the final solution description?

nichu42

@robi
Is there any specific you'd like to know?
I just did as mentioned in the doc:

Created a new directory /home/yellowtent/boxdata/custom_pages
Created two html files app_not_responding.html and notfound.html with nano and pasted in the HTML code that I had prepared on my computer
Saved and voilà

The HTML files contained an explanation of what went wrong and a link to my already existing uptime kuma status page, where I put a note to users if there is a longer downtime (planned or unplanned). I have uptime kuma running on a separate VPS so it does not depend on Cloudron to be working. I am checking for health via API as suggested earlier in this thread. You can see the result here: https://status.42bit.io

robi

@nichu42 Yes, that's excellent, and the 2 html files are interesting for folks to see as inspirations of what to write and how to redirect to an external site.

Especially if they're nice and fancy with CSS!

Example or template code is always nice to have.

nichu42

@robi I'm sorry to disappoint you, but the HTML files I created are very simple. The fancy stuff happens on the uptime kuma page. If you are still interested, here's the code:

<!DOCTYPE html>
<html>
  <head>
    <title>HTTP 503 - Service unavailable</title>
  </head>
  <body>
    <center>
	<h1>HTTP 503 - Service unavailable</h1>
	<p><b>Ooops, sorry. The service you requested is not loading at the moment.<br>
	Hopefully it's just a restart as part of regular maintenance, so</b></p>
	<h2>please try again in a few minutes.</h2>
	<p><b>If you keep getting this error message, please visit our <a href="https://status.42bit.io">status page</a>, which usually has more details about longer outages.</b></p>
	<p>If you think the 42bit.io / blueplanet.social admin should have a look at this, please reach out to <a href="mailto:admin@42bit.io">admin@42bit.io</p></a>
    </center>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>HTTP 404 - Not found</title>
	<meta http-equiv="refresh" content="15; url='https://42bit.io'" />
  </head>
  <body>
    <center>
	<h1>HTTP 404 - Not found</h1>
	<p><b>Sorry, I cannot find what you were looking for.</b></p>
	<p><b>All I can do is redirect you to my <a href="https://42bit.io">home page</a>, which I will try in a few seconds.</b></p>
	<p>If you think the 42bit.io / blueplanet.social admin should have a look at this error, please reach out to <a href="mailto:admin@42bit.io">admin@42bit.io</p></a>
    </center>
  </body>
</html>

Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.

Cloudron Forum

App Error / Status Page