Web Panel

Piotr Gankiewicz edited this page May 19, 2016 · 7 revisions

Warden Web Panel is a totally separate web project, built on top of the ASP.NET 5. Its main purpose is to provide a user interface which allows the consumer of the Warden library to organize the monitoring within an organization workspace, access the dashboard with real-time statistics and also keep track of the historical data.

It is available for free in the cloud under the panel.getwarden.net but can be also easily run on the local machine.

The Web Panel can be found in the main Warden solution under the Web directory. In order to run the web application, it is required to have installed the following tools:

  • ASP.NET 5
  • NPM
  • Bower
  • MongoDB

The web application can be configured via the config.json file (connection strings etc.). Run the required gulp tasks first, either by built-in Task Runner Explorer in Visual Studio or by running command gulp in the shell.

The common usage of the Web Panel is the following:

Setting up account and organization:

  • Sign up - create a new account.
  • Sign in - login using the newly created or an existing account.
  • Edit the default organization My organization or create a new one. Copy the organization id.
  • Go to the Settings page and copy the API key.

Configuring Warden monitoring application:

  • Install the HTTP API integration to the Warden monitoring application (console, windows service etc.).
  • Within the Warden application, invoke the IntegrateWithHttpApi() and set the following parameters (examples below):
.IntegrateWithHttpApi("https://panel.getwarden.net/api",
"SRsUBAKXwHGPXoFU/58wV8Dc+vIL+k2/fWF14VXPiuK",
"0b8351f1-dc93-4137-90b9-e3a7d7e12054")
  • While configuring the SetHooks() method use the available overload which provides the integrations parameter, and add the following code to the OnIterationCompletedAsync(), so it may look like this:
.SetHooks((hooks, integrations) =>
{
    hooks.OnIterationCompletedAsync(iteration => integrations.HttpApi()
         .PostIterationToWardenPanelAsync(iteration));
})

Accessing the dashboard:

  • Run your Warden application.
  • Open the web application and refresh the organization details view - you should see a new Warden added via the HTTP API call from the Warden application.
  • Open the Warden details and navigate to the dashboard - you will see a real-time statistics from now on.