Webpage on custom widget in cloudwatch

Question

Can I display webpage of https on custom widget in cloudwatch? I want to dispaly of that webpage on dashboard. Is that possible?

Accepted Answer

You can display the HTML part of a webpage - it doesn't matter if it's hosted on https or not, you use a lambda to retrieve and prepare the content you want to display.

As pointed by HS, you can only use HTML and embedded css, the Javascript is not allowed in the custom widget.

Answer

Alternatively you could also embed Cloudwatch into 3rd party site, maybe something you built for this purpose. This comes with it's own limitations (namely CORS), but might be helpful in some cases. Below are some helpful resources for this approach.

* [How do you embed Cloudwatch Dashboard in 3rd party website?](https://stackoverflow.com/questions/68319265/how-do-you-embed-cloudwatch-dashboard-in-3rd-party-website)
* [Communicate monitoring information by sharing Amazon CloudWatch dashboards](https://aws.amazon.com/blogs/mt/communicate-monitoring-information-by-sharing-amazon-cloudwatch-dashboards/)
* [Building an Amazon CloudWatch Dashboard Outside of the AWS Management Console](https://aws.amazon.com/blogs/devops/building-an-amazon-cloudwatch-dashboard-outside-of-the-aws-management-console/)

Or thinking out-of-the-box, could you just have 2 browser windows side-by-side (if this is for a dashboard on office wall or something similar)?

Answer

You can try creating a custom widget with the template named "Display URL contents". However, note that since [JavaScript is unavailable due to the security reasons](https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/add_custom_widget_dashboard_security.html), HTML webpage that contains JavaScript might not be rendered properly.

Webpage on custom widget in cloudwatch

Relevant content