AWS just released CloudWatch Synthetic service a few days ago. The tool is to help you setup monitoring tool that can load web page, take screenshot or send API calls with auth token etc. It is part of the whole CloudWatch toolset so you can get all the nice web UI for the metrics and logs This new service is built on Google’s puppeteer tools https://github.com/puppeteer/puppeteer It is quite easy to setup, details can be found here: https://aws.amazon.com/blogs/aws/new-use-cloudwatch-synthetics-to-monitor-sites-api-endpoints-web-workflows-and-more/ Today, AWS X-Ray launches support for Amazon CloudWatch Synthetics, enabling developers to trace end-to-end requests…aws.amazon.com Read more: Debugging with Amazon CloudWatch Synthetics and AWS X-Ray From my experience these days trying to set it up for one of my customer. I found the service is quite easy to use and pretty powerful. Here are some of my findings: Each of the tests is called a “Canary” and it is just a Nodejs(Puppeteer) lambda function script.You can set the “Canary” to run every a few minutes to generate nice time-series data. Each successful run will leave a Blue dot and failed one will leave a Red dot If you click on the dots, you can exam the screenshots, HAR Files (each js/css/assets file’s performance) and the lambda script’s log at that moment You can set data retention for how many days to keep the metrics. For example I set to keep Success ones for 1 day and Failed ones for 7 days It’s part of the whole CloudWatch services so it’s very easy to configure the alarms to send to SNS then you can send to PagerDuty or email subscriptions Here is one of my script to monitor customer’s site. It simulates the login process and take screenshots before and after login. synthetics = ( ); log = ( ); pageLoadBlueprint = { URL = ; username = ; passwd = page = synthetics.getPage(); response = page.goto(URL, { : , : }); page.waitFor( ); page.type( , username) page.type( , passwd) { synthetics.takeScreenshot( , ); } (ex) { synthetics.addExecutionError( , ex); } page.click( ) page.waitFor( ); synthetics.takeScreenshot( , ); pageTitle = page.title(); log.info( + pageTitle); (response.status() !== ) { ; } }; exports.handler = () => { pageLoadBlueprint(); }; var require 'Synthetics' const require 'SyntheticsLogger' const async ( ) function // INSERT URL here const "https://example.com" const "user@example.com" const "@#^!abcd1234" let await const await waitUntil 'domcontentloaded' timeout 30000 //Wait for page to render. //Increase or decrease wait time based on endpoint being monitored. await 10000 await 'input[name="email"][type="text"]' await 'input[name="password"][placeholder="Password"]' try await "click" 'result' catch 'Unable to capture screenshot.' await 'span[class="sign-in-form__title"]' await 10000 await 'loaded' 'loaded' let await 'Page title: ' if 200 throw "Failed to load page!" async return await I ran this Canary every 10 minutes so we can have a really good way to measure their site’s performance during the day. The last thing to talks about is its pricing. Currently it’s $0.0012 per canary run ( ). So the Canary we setup will cost about $5 a month ( $0.0012 * 6 * 24 * 30). Not too bad :) https://aws.amazon.com/cloudwatch/pricing/ Hope this helps. About me: I am an AWS certified DevOps Engineer and Solution Architect pro. I’m currently working for an AWS premium partner consulting company. The blogs here are all my experience and my opinions. Hope you will find them helpful
