Welcome!

Blog Feed Post

How to BYO Status Page with our Node-RED Integration

In the second part of this blog series on using our integration with Node-RED, we will demonstrate how to build your own status page that can be used for public or internal purposes. A status page is a great and simple way to display the current status of key web platforms, APIs, etc. This exercise will exclusively use the Catchpoint REST API to pull data in order to populate a status page.

Tech how-tos are similar in many ways to following a recipe; it’s a step-by-step process that, if you follow the instructions properly, will give you the results you’re looking for. So, put your geek apron on and go get the following ingredients:

  • 4oz large spoonful of Catchpoint REST API
  • 2oz Node-RED
  • 1oz Boostrap

In true recipe fashion, this is what the finished product will look like:

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR1-300x170.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR1-768x435.jpg 768w" sizes="(max-width: 640px) 100vw, 640px" />

 

As we are using the REST API, we will need to authenticate and retrieve a token. The token only lives for 30 minutes so we will also need to refresh the token periodically. The Node-RED flow will need to:

  • Refresh every 30 minutes
  • Pass down a key and secret and configure headers as required by the REST API
  • Send POST request to get token
  • Retrieve token, base64 encode it, and set a global variable (helpful for other nodes that might use the REST API)

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR2-300x22.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR2-768x57.jpg 768w" sizes="(max-width: 640px) 100vw, 640px" />

The next step is to create a ‘Favorite Chart’ in the Catchpoint Portal. This will contain the tests and metric(s) you wish to show on your status page. Creating a ‘Favorite Chart’ is also a very easy way to fetch data for multiple tests in a single REST API call. Once you have created the chart, you will need to take note of the chart ID. This can be done using the URL below:

https://portal.catchpoint.com/ui/Content/Charts/Performance.aspx?fav=118785

In Node-RED, we can now build out the status page itself. This all begins with a GET endpoint, to which we will pass down an authorization header including the base64 encoded token stored in the global variable.

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR3-300x16.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR3-768x41.jpg 768w" sizes="(max-width: 640px) 100vw, 640px" />

 

Now, the REST API call for a favorite chart can be made using the chart ID e.g.

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR4-300x170.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR4-768x435.jpg 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR4.jpg 1532w" sizes="(max-width: 640px) 100vw, 640px" />

Next, parse the response ready for insertion into the HTML template and finally respond with a 200 response.

The following code for parsing the REST API response is just an example and not production ready. If you have any suggestions for improvement, please feel free to get in touch with your comments at [email protected].

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR5-300x217.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR5-768x556.jpg 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR5.jpg 1520w" sizes="(max-width: 640px) 100vw, 640px" />

The HTML template I used was a basic Bootstrap template using a table to display the data; Node-RED uses Mustache for templating. The following snippet from the HTML template shows the insertion of the parsed data into a table setting colors for the buttons according to the metric value.

http://blog.catchpoint.com/wp-content/uploads/2018/01/NR6-300x110.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/NR6-768x281.jpg 768w" sizes="(max-width: 640px) 100vw, 640px" />

In my next blog post, I will show you how to use the Catchpoint Test Data Webhook and Node-RED to build out a Grafana dashboard.

The post How to BYO Status Page with our Node-RED Integration appeared first on Catchpoint's Blog - Web Performance Monitoring.

Read the original blog entry...

More Stories By Mehdi Daoudi

Catchpoint radically transforms the way businesses manage, monitor, and test the performance of online applications. Truly understand and improve user experience with clear visibility into complex, distributed online systems.

Founded in 2008 by four DoubleClick / Google executives with a passion for speed, reliability and overall better online experiences, Catchpoint has now become the most innovative provider of web performance testing and monitoring solutions. We are a team with expertise in designing, building, operating, scaling and monitoring highly transactional Internet services used by thousands of companies and impacting the experience of millions of users. Catchpoint is funded by top-tier venture capital firm, Battery Ventures, which has invested in category leaders such as Akamai, Omniture (Adobe Systems), Optimizely, Tealium, BazaarVoice, Marketo and many more.

Latest Stories
The current age of digital transformation means that IT organizations must adapt their toolset to cover all digital experiences, beyond just the end users’. Today’s businesses can no longer focus solely on the digital interactions they manage with employees or customers; they must now contend with non-traditional factors. Whether it's the power of brand to make or break a company, the need to monitor across all locations 24/7, or the ability to proactively resolve issues, companies must adapt to...
In his session at 20th Cloud Expo, Scott Davis, CTO of Embotics, discussed how automation can provide the dynamic management required to cost-effectively deliver microservices and container solutions at scale. He also discussed how flexible automation is the key to effectively bridging and seamlessly coordinating both IT and developer needs for component orchestration across disparate clouds – an increasingly important requirement at today’s multi-cloud enterprise.
Modern software design has fundamentally changed how we manage applications, causing many to turn to containers as the new virtual machine for resource management. As container adoption grows beyond stateless applications to stateful workloads, the need for persistent storage is foundational - something customers routinely cite as a top pain point. In his session at @DevOpsSummit at 21st Cloud Expo, Bill Borsari, Head of Systems Engineering at Datera, explored how organizations can reap the bene...
We are seeing a major migration of enterprises applications to the cloud. As cloud and business use of real time applications accelerate, legacy networks are no longer able to architecturally support cloud adoption and deliver the performance and security required by highly distributed enterprises. These outdated solutions have become more costly and complicated to implement, install, manage, and maintain.SD-WAN offers unlimited capabilities for accessing the benefits of the cloud and Internet. ...
In this presentation, you will learn first hand what works and what doesn't while architecting and deploying OpenStack. Some of the topics will include:- best practices for creating repeatable deployments of OpenStack- multi-site considerations- how to customize OpenStack to integrate with your existing systems and security best practices.
"DevOps is set to be one of the most profound disruptions to hit IT in decades," said Andi Mann. "It is a natural extension of cloud computing, and I have seen both firsthand and in independent research the fantastic results DevOps delivers. So I am excited to help the great team at @DevOpsSUMMIT and CloudEXPO tell the world how they can leverage this emerging disruptive trend."
Security, data privacy, reliability and regulatory compliance are critical factors when evaluating whether to move business applications from in-house client hosted environments to a cloud platform. In her session at 18th Cloud Expo, Vandana Viswanathan, Associate Director at Cognizant, In this session, will provide an orientation to the five stages required to implement a cloud hosted solution validation strategy.
Business professionals no longer wonder if they'll migrate to the cloud; it's now a matter of when. The cloud environment has proved to be a major force in transitioning to an agile business model that enables quick decisions and fast implementation that solidify customer relationships. And when the cloud is combined with the power of cognitive computing, it drives innovation and transformation that achieves astounding competitive advantage.
Everyone wants the rainbow - reduced IT costs, scalability, continuity, flexibility, manageability, and innovation. But in order to get to that collaboration rainbow, you need the cloud! In this presentation, we'll cover three areas: First - the rainbow of benefits from cloud collaboration. There are many different reasons why more and more companies and institutions are moving to the cloud. Benefits include: cost savings (reducing on-prem infrastructure, reducing data center foot print, redu...
DXWorldEXPO LLC announced today that "IoT Now" was named media sponsor of CloudEXPO | DXWorldEXPO 2018 New York, which will take place on November 11-13, 2018 in New York City, NY. IoT Now explores the evolving opportunities and challenges facing CSPs, and it passes on some lessons learned from those who have taken the first steps in next-gen IoT services.
Founded in 2000, Chetu Inc. is a global provider of customized software development solutions and IT staff augmentation services for software technology providers. By providing clients with unparalleled niche technology expertise and industry experience, Chetu has become the premiere long-term, back-end software development partner for start-ups, SMBs, and Fortune 500 companies. Chetu is headquartered in Plantation, Florida, with thirteen offices throughout the U.S. and abroad.
DXWorldEXPO LLC announced today that ICC-USA, a computer systems integrator and server manufacturing company focused on developing products and product appliances, will exhibit at the 22nd International CloudEXPO | DXWorldEXPO. DXWordEXPO New York 2018, colocated with CloudEXPO New York 2018 will be held November 11-13, 2018, in New York City. ICC is a computer systems integrator and server manufacturing company focused on developing products and product appliances to meet a wide range of ...
SYS-CON Events announced today that DatacenterDynamics has been named “Media Sponsor” of SYS-CON's 18th International Cloud Expo, which will take place on June 7–9, 2016, at the Javits Center in New York City, NY. DatacenterDynamics is a brand of DCD Group, a global B2B media and publishing company that develops products to help senior professionals in the world's most ICT dependent organizations make risk-based infrastructure and capacity decisions.
René Bostic is the Technical VP of the IBM Cloud Unit in North America. Enjoying her career with IBM during the modern millennial technological era, she is an expert in cloud computing, DevOps and emerging cloud technologies such as Blockchain. Her strengths and core competencies include a proven record of accomplishments in consensus building at all levels to assess, plan, and implement enterprise and cloud computing solutions. René is a member of the Society of Women Engineers (SWE) and a m...
The technologies behind big data and cloud computing are converging quickly, offering businesses new capabilities for fast, easy, wide-ranging access to data. However, to capitalize on the cost-efficiencies and time-to-value opportunities of analytics in the cloud, big data and cloud technologies must be integrated and managed properly. Pythian's Director of Big Data and Data Science, Danil Zburivsky will explore: The main technology components and best practices being deployed to take advantage...