OpsGenie Real-Time Alert View

Demo of a Real-Time Alert Dashboard by tracking OpsGenie Alert API & WebHook

Installing npm

a package manager for JavaScript http://www.npmjs.com

npm is bundled with Node.js http://nodejs.org/download

a package manager for the Web http://bower.io

$ npm install -g bower

# install dependencies listed in bower.json
$ cd web
$ bower install

# install dependencies listed in package.json
$ cd lambda
$ npm install

All required configuration options are listed under

/web/resources/js/configure.js
/lambda/index.js

Create PubNub account, and create application on the PubNub Dashboard.
Change "publishKey = "<PUBNUB_PUBLISH_KEY"" parameter in the "/lambda/index.js" with your newly created application publish_key.
Change "subscribeKey = "<PUBNUB_SUBSCRIBE_KEY>"" parameter in the "/lambda/index.js" with your newly created application subscribe_key.
Change "SubscribeKey: "pubnub-subscribe-key"" parameter in the "/web/resources/js/configure.js" with your newly created application subscribe_key.
Change "Channel: "pubnub-channel"" parameter in the "/web/resources/js/configure.js" with a channel name you want.
Change "channelId = "<PUBNUB_CHANNEL>"" parameter in the "/lambda/index.js" with the channel name you typed earlier.
Change "key: "opsgenie-web-api-key"" parameter in the "/web/resources/js/configure.js" with the API Integration key you have on your OpsGenie Application.

Select index.js and node_modules folder and compress as .ZIP file.
Create Funtion on AWS Lambda Console
Upload .ZIP file from Code Tab on Lambda Console.
On the Api endpoints tab, add API endpoint with { API endpoint type: API Gateway, Method: OPTIONS, Security: Open } parameters and submit.
- Replace "url: "aws-gateway-url"" parameter in the /web/resources/js/configure.js file with Api endpoint URL.
- To enable CORS, on the AWS Gateway Console, add Header Mappings on the Integrations Response tab.
  - Add Header: Access-Control-Allow-Headers => 'Content-Type,X-Amz-Date,Authorization'
  - Add Header: Access-Control-Allow-Methods => 'GET,POST,OPTIONS'
  - Add Header: Access-Control-Allow-Origin => '*'
On the Api endpoints tab, add API endpoint with { API endpoint type: API Gateway, Method: POST, Security: Open } parameters and submit.
- To receive notifications from OpsGenie, add OpsGenie Webhook Integration on OpsGenie integrations page and fill URL parameter with Api endpoint URL.

Web project contains pure HTML/JavaScript code. Deploy all web folder content to your favorite HTTP Server.