How to check if Cloudflare API working before making calls

Pavel — Wed, 15 Apr 2020 18:37:55 +0000

Today Cloudflare’s API and dashboard became unavailable for more than an hour already. Then things got worse as Cloudflare’s own node.js client for API do not handle such case properly.

Luckily cloudflarestatus.com is powered by Statuspage.io and has its own API.

So I end up writing a small piece of code that checks if Cloudflare API is up and working correctly.

The endpoint we are interested in is located at https://yh6f0r4529hb.statuspage.io/api/v2/summary.json.

After inspecting it:

$ curl -L https://yh6f0r4529hb.statuspage.io/api/v2/summary.json

We may find required piece of data that contains status of Cloudflare API component:

{
  id: 'g4tb35rs9yw7',
  name: 'Cloudflare API',
  status: 'major_outage',
  created_at: '2014-10-09T03:32:07.158Z',
  updated_at: '2020-04-15T17:39:38.257Z',
  position: 5,
  description: "Cloudflare's API where customers can read from and write to their configurations at https://api.cloudflare.com",
  showcase: false,
  group_id: '1km35smx8p41',
  page_id: 'yh6f0r4529hb',
  group: false,
  only_show_if_degraded: false
}

So we end up with the following code:

const fetch = require('isomorphic-unfetch');

const CLOUDFLARE_STATUS_ENDPOINT =
  'https://yh6f0r4529hb.statuspage.io/api/v2/summary.json';

const isApiWorking = async () => {
  let isWorking = false;
  await fetch(CLOUDFLARE_STATUS_ENDPOINT)
    .then((r) => r.json())
    .then((data) => {
      if (data.hasOwnProperty('components') && data.components.length > 0) {
        data.components.forEach((c) => {
          //   id: 'g4tb35rs9yw7',
          //   name: 'Cloudflare API',
          if (c.id === 'g4tb35rs9yw7' && c.status === 'operational') {
            isWorking = true;
          }
        });
      }
    })
    .catch((e) => {
      console.error(e);
    });
  return isWorking;
};

And the usage may be:

isApiWorking().then((res) => {
  if (res) {
    // Do something with api
    console.log(res);
  } else {
    // Cloudflare API seems to be broken
    // Do something else
    console.error(res);
  }
});

Hope this will be a help for somebody in the situation like me.

Running GatsbyJS app in Docker container

Pavel — Fri, 27 Dec 2019 16:31:12 +0000

Here is an example configuration we use for testing while developing Gatsby Shopify Storefront - lightning-fast Progressive Web App (PWA) storefront for Shopify.

A Dockerfile:

FROM node:13

WORKDIR /usr/src/app

COPY package.json .

RUN yarn global add gatsby-cli

RUN yarn install

COPY gatsby-config.js .

# Optionally, copy your .env file to the container filesystem
COPY .env .

EXPOSE 8000

CMD ["gatsby", "develop", "-H", "0.0.0.0"]

Though it is not the case with our setup, you might need to copy your project files to the container as well. Use COPY . . command for this.

Build your image:

docker build . -t gatsbystorefront:1.0.1

Run your container:

docker run -d -p 8000:8000 --name store gatsbystorefront:1.0.1

Though this one is short. Hope it will help, cheers! 🎅🎄

DEV Community: Pavel

How to check if Cloudflare API working before making calls

Running GatsbyJS app in Docker container