Creare dashboard personalizzati per gli indicatori KPI con Azure Application InsightsCreate custom KPI dashboards using Azure Application Insights

È possibile creare più dashboard nel portale di Azure, ognuno dei quali include riquadri per la visualizzazione dei dati di più risorse di Azure tra i diversi gruppi di risorse e le sottoscrizioni.You can create multiple dashboards in the Azure portal that each include tiles visualizing data from multiple Azure resources across different resource groups and subscriptions. È possibile aggiungere diversi grafici e visualizzazioni da Azure Application Insights per creare dashboard personalizzati in grado di offrire un quadro completo dell'integrità e delle prestazioni dell'applicazione.You can pin different charts and views from Azure Application Insights to create custom dashboards that provide you with complete picture of the health and performance of your application. Questa esercitazione illustra la creazione di un dashboard personalizzato che include più tipi di dati e visualizzazioni da Azure Application Insights.This tutorial walks you through the creation of a custom dashboard that includes multiple types of data and visualizations from Azure Application Insights. Si apprenderà come:You learn how to:

  • Creare un dashboard personalizzato in AzureCreate a custom dashboard in Azure
  • Aggiungere un riquadro dalla Raccolta riquadriAdd a tile from the Tile Gallery
  • Aggiungere metriche standard in Application Insights al dashboardAdd standard metrics in Application Insights to the dashboard
  • Aggiungere un grafico della metrica personalizzato in Application Insights al dashboardAdd a custom metric chart Application Insights to the dashboard
  • Aggiungere i risultati di una query di Analytics al dashboardAdd the results of an Analytics query to the dashboard

prerequisitiPrerequisites

Per completare questa esercitazione:To complete this tutorial:

Accedere ad AzureLog in to Azure

Accedere al portale di Azure all'indirizzo https://portal.azure.com.Log in to the Azure portal at https://portal.azure.com.

Creare un nuovo dashboardCreate a new dashboard

Un unico dashboard può contenere risorse da più applicazioni, gruppi di risorse e sottoscrizioni.A single dashboard can contain resources from multiple applications, resource groups, and subscriptions. Iniziare l'esercitazione creando un nuovo dashboard per l'applicazione.Start the tutorial by creating a new dashboard for your application.

  1. Nella schermata principale del portale selezionare Nuovo dashboard.On the main screen of the portal, select New dashboard.

    Nuovo dashboard

  2. Digitare un nome per il dashboard.Type a name for the dashboard.

  3. La Raccolta riquadri include un'ampia gamma di riquadri che è possibile aggiungere al dashboard.Have a look at the Tile Gallery for a variety of tiles that you can add to your dashboard. Oltre ad aggiungere riquadri dalla raccolta, è possibile aggiungere grafici e altre visualizzazioni direttamente da Application Insights al dashboard.In addition to adding tiles from the gallery you can pin charts and other views directly from Application Insights to the dashboard.
  4. Individuare il riquadro Markdown e trascinarlo nel dashboard.Locate the Markdown tile and drag it on to your dashboard. Questo riquadro, che consente di aggiungere testo formattato in markdown, è lo strumento ideale per aggiungere un testo descrittivo al dashboard.This tile allows you to add text formatted in markdown which is ideal for adding descriptive text to your dashboard.
  5. Aggiungere il testo alle proprietà del riquadro e ridimensionarlo nel canvas del dashboard.Add text to the tile's properties and resize it on the dashboard canvas.

    Riquadro Modifica markdown

  6. Fare clic su Fine personalizzazione nella parte superiore della schermata per uscire dalla modalità di personalizzazione del riquadro e quindi su Pubblica modifiche per salvare le modifiche.Click Done customizing at the top of the screen to exit tile customization mode and then Publish changes to save your changes.

    Dashboard con il riquadro Markdown

Aggiungere una panoramica sull'integritàAdd health overview

Un dashboard contenente solo testo statico non è molto interessante. È consigliabile aggiungere un riquadro da Application Insights per mostrare le informazioni relative all'applicazione.A dashboard with just static text isn't very interesting, so now add a tile from Application Insights to show information about your application. È possibile aggiungere riquadri di Application Insights dalla Raccolta riquadri oppure è possibile aggiungerli direttamente dalle schermate di Application Insights.You can add Application Insights tiles from the Tile Gallery, or you can pin them directly from Application Insights screens. In questo modo è possibile configurare grafici e visualizzazioni con cui si ha già familiarità prima di aggiungerli al dashboard.This allows you to configure charts and views that you're already familiar with before pinning them to your dashboard. Per iniziare, aggiungere una panoramica sull'integrità standard per l'applicazione.Start by adding the standard health overview for your application. Ciò non richiede alcuna configurazione e consente una personalizzazione minima del dashboard.This requires no configuration and allows minimal customization in the dashboard.

  1. Selezionare Application Insights nel menu di Azure e quindi selezionare l'applicazione.Select Application Insights in the Azure menu and then select your application.
  2. In Panoramica sequenza temporale selezionare il menu di scelta rapida e scegliere Aggiungi al dashboard.In the Overview timeline, select the context menu and click Pin to dashboard. Il riquadro verrà aggiunto all'ultimo dashboard visualizzato.This adds the tile to the last dashboard that you were viewing.

    Aggiungere il riquadro Panoramica sequenza temporale

  3. Nella parte superiore della schermata fare clic su Visualizza dashboard per tornare al dashboard.At the top of the screen, click View dashboard to return to your dashboard.

  4. Il riquadro Panoramica sequenza temporale verrà aggiunto al dashboard.The Overview timeline is now added to your dashboard. Fare clic e trascinarlo in posizione e quindi fare clic su Fine personalizzazione e Pubblica modifiche.Click and drag it into position and then click Done customizing and Publish changes. Il dashboard contiene ora un riquadro con alcune informazioni utili.Your dashboard now has a tile with some useful information.

    Dashboard con il riquadro Panoramica sequenza temporale

Aggiungere un grafico della metrica personalizzatoAdd custom metric chart

Il pannello Metriche consente di rappresentare graficamente una metrica raccolta da Application Insights nel corso del tempo con filtri e raggruppamento opzionali.The Metrics panel allows you to graph a metric collected by Application Insights over time with optional filters and grouping. Come qualsiasi altro elemento in Application Insights, è possibile aggiungere questo grafico al dashboard,Like everything else in Application Insights, you can add this chart to the dashboard. ma questa operazione richiede prima una personalizzazione minima.This does require you to do a little customization first.

  1. Selezionare Application Insights nel menu di Azure e quindi selezionare l'applicazione.Select Application Insights in the Azure menu and then select your application.
  2. Selezionare Metriche.Select Metrics.
  3. È già stato creato un grafico vuoto e all'utente viene chiesto di aggiungere una metrica.An empty chart has already been created, and you're prompted to add a metric. Aggiungere una metrica al grafico e, se necessario, aggiungere un filtro e un raggruppamento.Add a metric to the chart and optionally add a filter and a grouping. L'esempio seguente mostra il numero di richieste server raggruppate per esito positivo,The example below shows the number of server requests grouped by success. in modo da offrire un quadro sempre aggiornato delle richieste con esito positivo e con esito negativo.This gives a running view of successful and unsuccessful requests.

    Aggiungere una metrica

  4. Selezionare il menu di scelta rapida per il grafico e scegliere Aggiungi al dashboard.Select the context menu for the chart and select Pin to dashboard. La visualizzazione verrà aggiunta all'ultimo dashboard usato.This adds the view to the last dashboard that you were working with.

    Aggiungere un grafico della metrica

  5. Nella parte superiore della schermata fare clic su Visualizza dashboard per tornare al dashboard.At the top of the screen, click View dashboard to return to your dashboard.

  6. Il grafico delle metriche della sequenza temporale verrà aggiunto al dashboard.The Timeline Metrics Chart is now added to your dashboard. Fare clic e trascinarlo in posizione e quindi fare clic su Fine personalizzazione e infine su Pubblica modifiche.Click and drag it into position and then click Done customizing and then Publish changes.

    Dashboard con metriche

Esplora metricheMetrics Explorer

Esplora metriche è simile a Metriche, anche se consente una personalizzazione notevolmente maggiore se aggiunto al dashboard.Metrics Explorer is similar to Metrics although it allows significantly more customization when added to the dashboard. La scelta del riquadro da usare per la rappresentazione grafica delle metriche dipende dalle specifiche preferenze ed esigenze.Which you use to graph your metrics depends on your particular preference and requirements.

  1. Selezionare Application Insights nel menu di Azure e quindi selezionare l'applicazione.Select Application Insights in the Azure menu and then select your application.
  2. Selezionare Esplora metriche.Select Metrics Explorer.
  3. Fare clic per modificare il grafico, selezionare una o più metriche e, se necessario, una configurazione dettagliata.Click to edit the chart and select one or more metrics and optionally a detailed configuration. L'esempio mostra un grafico a linee che tiene traccia del tempo di risposta medio della pagina.The example displays a line chart tracking average page response time.
  4. Fare clic sull'icona della puntina in alto a destra per aggiungere il grafico al dashboard e quindi trascinarlo in posizione.Click the pin icon in the top right to add the chart to your dashboard and then drag it into position.

    Esplora metriche

  5. Il riquadro Esplora metriche consente una maggiore personalizzazione una volta aggiunto al dashboard.The Metrics Explorer tile allows more customization once it's added to the dashboard. Fare clic con il pulsante destro del mouse sul riquadro e scegliere Modifica titolo per aggiungere un titolo personalizzato.Right click the tile and select Edit title to add a custom title. Proseguire e apportare altre personalizzazioni, se si vuole.Go ahead and make other customizations if you want.

    Dashboard con Esplora metriche

  6. Il grafico di Esplora metriche è ora aggiunto al dashboard.You now have the Metrics Explorer chart added to your dashboard.

    Dashboard con Esplora metriche

Aggiungere una query di AnalyticsAdd Analytics query

Analytics in Azure Application Insights fornisce un linguaggio di query avanzato che consente di analizzare tutti i dati raccolti da Application Insights.Azure Application Insights Analytics provides a rich query language that allows you to analyze all of the data collected Application Insights. Proprio come i grafici e altre visualizzazioni, è possibile aggiungere l'output di una query di Analytics al dashboard.Just like charts and other views, you can add the output of an Analytics query to your dashboard.

Dal momento che Analytics in Azure Application Insights è un servizio distinto, è necessario condividere il dashboard in modo che possa includere una query di Analytics.Since Azure Applications Insights Analytics is a separate service, you need to share your dashboard for it to include an Analytics query. Quando si condivide un dashboard di Azure, lo si pubblica come una risorsa di Azure, rendendolo disponibile ad altri utenti e risorse.When you share an Azure dashboard, you publish it as an Azure resource which can make it available to other users and resources.

  1. Nella parte superiore della schermata del dashboard fare clic su Condividi.At the top of the dashboard screen, click Share.

    Pubblicare dashboard

  2. Lasciare invariato il Nome del dashboard e selezionare il Nome sottoscrizione per condividere il dashboard.Keep the Dashboard name the same and select the Subscription Name to share the dashboard. Fare clic su Pubblica.Click Publish. Il dashboard è ora disponibile per altri servizi e sottoscrizioni.The dashboard is now available to other services and subscriptions. Se si vuole, è possibile definire utenti specifici che devono avere accesso al dashboard.You can optionally define specific users who should have access to the dashboard.

  3. Selezionare Application Insights nel menu di Azure e quindi selezionare l'applicazione.Select Application Insights in the Azure menu and then select your application.
  4. Fare clic su Analytics nella parte superiore della schermata per aprire il portale di Analytics.Click Analytics at the top of the screen to open the Analytics portal.

    Avviare Analytics

  5. Digitare la query seguente, che restituisce le prime 10 pagine più richieste e il relativo conteggio delle richieste:Type the following query, which returns the top 10 most requested pages and their request count:

    requests
    | summarize count() by name
    | sort by count_ desc
    | take 10 
    
  6. Fare clic su Vai per convalidare i risultati della query.Click Go to validate the results of the query.

  7. Fare clic sull'icona della puntina e selezionare il nome del dashboard.Click the pin icon and select the name of your dashboard. Il motivo per cui questa opzione richiede che l'utente selezioni un dashboard, a differenza dei passaggi precedenti in cui veniva usato l'ultimo dashboard, è che la console di Analytics è un servizio distinto che richiede una selezione da tutti i dashboard condivisi disponibili.The reason that this option has you select a dashboard unlike the previous steps where the last dashboard was used is because the Analytics console is a separate service and needs to select from all available shared dashboards.

    Aggiungere una query di Analytics

  8. Prima di tornare al dashboard, aggiungere un'altra query, eseguendone il rendering come grafico in modo da comprendere le diverse modalità di visualizzazione di una query di Analytics in un dashboard.Before you go back to the dashboard, add another query, but this time render it as a chart so you see the different ways to visualize an Analytics query in a dashboard. Iniziare con la query seguente che riepiloga le prime 10 operazioni con più eccezioni.Start with the following query that summarizes the top 10 operations with the most exceptions.

    exceptions
    | summarize count() by operation_Name
    | sort by count_ desc
    | take 10 
    
  9. Selezionare Grafico e quindi specificare un grafico ad anello per visualizzare l'output.Select Chart and then change to a Doughnut to visualize the output.

    Grafico di Analytics

  10. Fare clic sull'icona della puntina per aggiungere il grafico al dashboard e questa volta selezionare il collegamento per tornare al dashboard.Click the pin icon to pin the chart to your dashboard and this time select the link to return to your dashboard.

  11. I risultati delle query vengono aggiunti al dashboard nel formato selezionato.The results of the queries are now added to your dashboard in the format that you selected. Fare clic e trascinare ognuno di essi in posizione e quindi fare clic su Modifica completata.Click and drag each into position and then click Done editing.
  12. Fare clic con il pulsante destro del mouse su ognuno dei riquadri e selezionare Modifica titolo per assegnare un titolo descrittivo.Right click each of the tiles and select Edit Title to give them a descriptive title.

    Dashboard con Analytics

  13. Fare clic su Pubblica modifiche per eseguire il commit delle modifiche nel dashboard, che include ora un'ampia gamma di grafici e visualizzazioni da Application Insights.Click Publish changes to commit the changes to your dashboard that now includes a variety of charts and visualizations from Application Insights.

Passaggi successiviNext steps

Dopo avere appreso come creare dashboard personalizzati, esaminare il resto della documentazione di Application Insights, che include anche un case study.Now that you've learned how to create custom dashboards, have a look at the rest of the Application Insights documentation including a case study.