Application Insights Telemetry Stream from your browser

  • Article

I just published the first version of Application Insights Telemetry Stream - it lets you view telemetry items from the browser as they are issued by Application Insights. This is helpful in situations when you need to see what is happening with your application right this very second and cannot get to Azure portal or when telemetry indexing by Application Insights pipeline is delayed. Essentially this add-on lets you view the same data you see in your Visual Studio debug output window, except from production.

Step 1. Install Application Insights

This assumes you already installed Application Insights, if you haven't please follow the steps here.

Step 2. Install ApplicationInsights.Stream Nuget

Make sure to check Pre-release option and search for ApplicationInsights.Stream in Visual Studio Nuget package manager or use "Install-Package ApplicationInsights.Stream -Pre" from Nuget Package Manager Console

[caption id="" align="aligncenter" width="998"]Install ApplicationInsights.Stream using NuGet Package Manager Install ApplicationInsights.Stream using NuGet Package Manager[/caption]

Step 3. Update aistream:key property in web.config

Open web.config and change aistream:key setting to a custom value (it is set to 'test' by default). You may also consider changing path value to a custom path.

[caption id="" align="aligncenter" width="823"] Don't forget to update aistream:key and optionally aistream:path, so it is not available to everyone visiting your site.[/caption]

Step 4. Verify and deploy

Test it locally before deploying to production. Run the application locally and open the page specified is path (default is /aistream.html. You will see a page with a textbox, enter your key into textbox and press Start.

[caption id="" align="aligncenter" width="1024"]Enter key from web.config and click Start Enter key from web.config and click Start[/caption]

Start button should disappear - you are now intercepting all telemetry. Try opening a separate browser instance and generating some load, e.g. reloading the page. On the AI Stream page should see events that you can filter by typing in the textbox:

[caption id="" align="aligncenter" width="1024"]AI Telemetry Stream - from your browser AI Telemetry Stream - from your browser[/caption]

That's it - you are all set to use it - please share your feedback!