Broadcast Console

The console displays as an overlay that shows live metrics of the servers and tasks.
The console can only be used when Broadcast is already configured.

Configuration

ASP.NET Core

In Startup.cs extend the Configure-Method to add the Broadcast dashboard to the ApplicationBuilder.

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    ...
    app.UseBroadcastDashboard();
    ...
}

Broadcast has to be configured in the ConfigureService before adding the dashboard.

ASP.NET

In Startup.cs extend the Configure-Method to add the Broadcast dashboard to the AppBuilder.

public void Configuration(IAppBuilder app)
{
	app.UseBroadcastServer(c =>
	{
		c.UseOptions(new Broadcast.Configuration.Options
		{
			ServerName = "Asp.Net"
		});
	});
	app.UseBroadcastDashboard();

}

Display the console

The console is added to the page by adding some JavaScript files to the page. These can easily be added with a call to BroadcastConsole.AppendConsoleIncludes().

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Broadcast Console demo</title>
    <link rel="stylesheet" href="~/css/site.css" />

    @BroadcastConsole.AppendConsoleIncludes()
</head>

If you are using an older version of MVC you may need to wrap the command in a Html.Raw to ensure the console is not Html-Encoded

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Broadcast Console demo</title>
    <link rel="stylesheet" href="~/css/site.css" />

    @Html.Raw(@BroadcastConsole.AppendConsoleIncludes())
</head>

Resulting output

BroadcastConsole.AppendConsoleIncludes() adds the following to the page

<link rel="stylesheet" href="/broadcast/css/broadcast-console"/>
<script type="text/javascript">
  var consoleConfig = {
    pollUrl: "/broadcast/dashboard/metrics",
    pollInterval: 2000
  };
</script>
<script type='module' async src="/broadcast/js/broadcast-console"></script>