Skip to content

Latest commit

 

History

History
77 lines (54 loc) · 2.96 KB

SetupServerSite.md

File metadata and controls

77 lines (54 loc) · 2.96 KB

How to set up and configure the web site

From March 2026, API Key will not longer be an option for authenticate against the Azure Application Insights API.

That means that the users need to be authenticated with Entra ID. TinyInsights has a Blazor server application that can be deployed to your environment so you can continue to use it to visualize the data you have logged to Application Insights. The reason a server solution is used, is that is will be more secured to store the Entra settings on a server.

YOu can also watch this video about how to set it up, https://youtu.be/MIuG2gPtMrc

Configure Azure and Entra

  1. Sign in to the Azure Portal.
  2. Navigate to Microsoft Entra ID.
  3. In the left menu, expand Manage and go to App registrations.

App registrations in menu 4. Click New registration at the top menu bar.

New app registrations in menu 5. Give the application a name, TinyInsights for example. Add a redirect url with web as the platform. The uri should be the uri to your site, edning with /signin-oidc.

App registration form 6. Save

  1. Go to Api Permissions

App permissions in menu

  1. Click Add a permission

App permissions in menu 9. Select the tab APIs my organization uses and search for Application Insights API and select it.

Application Insights API 10. Select Application permissions and Save.

Application Insights API 11. Click Grant admin consent for... 12. Navigate to your Application Insights instance. 13. Click Access control(IAM) in the menu.

Access control in menu 14. Click Add and then Add role assignment

Access control in menu 15. Select the reader role.

Access control in menu 16. Then add the app as a member of that role.

Access control in menu 17. Save

Settings

This has to be added to appsettings.json:

 "AzureAd": {
    "Instance": "https://login.microsoftonline.com/",
    "Domain": "{YOUR-DOMAIN}",
    "TenantId": "{YOUR-TENANT-ID}",
    "ClientId": "{YOUR-APP-CLIENT-ID}",
    "CallbackPath": "/signin-oidc",
    "ClientCredentials": [
      {
        "SourceType": "ClientSecret",
        "ClientSecret": "{YOUR-APP-CLIENT-SECRET}"
      }
    ]
  },
  "ApplicationInsightsAppId": "{YOUR-APPLICATION-INSIGHT-APP-ID}"

**A client secret can be created under Certificates & Secrets for your Entra ID application. And you will also find the rest of the info on the overview page for the application.

**Application id will be found under API Access menu for your applicationinsights instance.

Application id