Aggiungere visualizzazioni per confrontare e analizzare i dati

Completato

In questo esercizio verranno eseguite altre operazioni. Invece di avere visualizzazioni che mostrano i dati di alcune origini dati, si aggiungeranno oggetti visivi che combinano i dati di queste origini per consentire di correlare i dati e analizzare il sistema.

Verranno creati grafici per visualizzare le richieste, il tempo cpu e l'utilizzo delle unità richiesta nell'app Web e in Cosmos DB. Il grafico usa le metriche combinate dell'applicazione Web e del database.

Verranno combinati i dati usando query di Log Analytics che recuperano dati da queste origini:

  • l'app Web
  • Cosmos DB
  • Area di lavoro Log Analytics

Si aggiungerà quindi una metrica che monitora l'applicazione.

Generare alcuni dati per questo esercizio

  1. Accedere al portale di Azure.

  2. Nella home page, selezionare Gruppi di risorse o cercare "Gruppi di risorse" nella barra di ricerca nella parte superiore della pagina.

  3. Selezionare il gruppo di risorse "learn" creato al momento dell'attivazione della sandbox.

  4. Esaminare l'elenco delle risorse e selezionare il servizio app.

    Screenshot of selecting the App Service from the resource group.

  5. Nella barra degli strumenti superiore selezionare Sfoglia.

    Screenshot of the browser button from the App Service page.

  6. Popolare il servizio app con alcune attività per generare alcuni dati per l'esempio. Nella pagina Elenco di To-Do elementi creare alcuni elementi, modificarli o contrassegnarne alcuni come completi.

    Screenshot that shows tasks for the app service for workbooks learn module.

Aggiungere grafici per confrontare il volume di richieste

Verranno generati due grafici affiancati per confrontare il numero di richieste inviate all'app Web e con Cosmos DB.

Nella cartella di lavoro selezionare Modifica dalla barra degli strumenti superiore.

  1. Selezionare Aggiungi, quindi Aggiungi parametri.

  2. Fare clic su Aggiungi parametro per aggiungere un nuovo parametro.

    1. Nel campo Nome parametro immettere WebApps.

    2. Nel campo Tipo di parametro, selezionare Selezione risorse.

    3. Selezionare la casella di controllo Obbligatorio.

    4. Nella sezione Recupera dati, selezionare Query.

    5. Nella sezione Query log abbonamenti :

      1. Nel campo Origine dati, selezionare Azure Grafico risorse.

      2. Nel campo Tipo di risorsa, selezionare Abbonamenti.

      3. Nel campo Abbonamenti selezionare il parametro risorsa Abbonamento.

      4. Immettere la query seguente e selezionare Esegui query.

        resources 
        | where type == "microsoft.web/sites" 
        | project id
        

      Screenshot that shows the web app parameter in a workbook.

    6. Seleziona Salva.

  3. Nella stessa sezione Aggiungi parametro selezionare di nuovo Aggiungi parametro.

    Screenshot that shows adding a second parameter to an existing parameter control in Azure workbooks.

    1. Nel campo Nome parametro immettere CosmosDB.

    2. Nel campo Tipo di parametro, selezionare Selezione risorse.

    3. Selezionare la casella di controllo Obbligatorio.

    4. Nella sezione Recupera dati, selezionare Query.

    5. Nella sezione Query log abbonamenti :

      1. Nel campo Origine dati, selezionare Azure Grafico risorse.

      2. Nel campo Tipo di risorsa, selezionare Abbonamenti.

      3. Nel campo Abbonamenti selezionare il parametro risorsa Abbonamento.

      4. Immettere la query seguente e selezionare Esegui query.

        resources 
        | where type == "microsoft.documentdb/databaseaccounts" 
        | project id
        
    6. Seleziona Salva.

  4. Nella stessa sezione Aggiungi parametro selezionare di nuovo Aggiungi parametro.

    1. Nel campo Nome parametro immettere LogAnalytics.

    2. Nel campo Tipo di parametro, selezionare Selezione risorse.

    3. Selezionare la casella di controllo Obbligatorio.

    4. Nella sezione Recupera dati, selezionare Query.

    5. Nella sezione Query log abbonamenti :

      1. Nel campo Origine dati, selezionare Azure Grafico risorse.

      2. Nel campo Tipo di risorsa, selezionare Abbonamenti.

      3. Nel campo Abbonamenti selezionare il parametro risorsa Abbonamento.

      4. Immettere la query seguente e selezionare Esegui query.

        resources 
        | where type == "microsoft.operationalinsights/workspaces"
        | project id
        
    6. Seleziona Salva.

  5. Nella stessa sezione Aggiungi parametro selezionare di nuovo Aggiungi parametro.

    1. Nel campo Nome parametro immettere TimeRange.
    2. Nel campo Tipo di parametro selezionare selezione intervallo di tempo.
    3. Selezionare la casella di controllo Obbligatorio.
    4. Nel campo Intervalli di tempo disponibili verificare che tutti i valori siano selezionati.
    5. Seleziona Salva.
  6. Selezionare Modifica completata. La cartella di lavoro dispone ora di un controllo parametro con quattro parametri. Quando si seleziona il primo parametro, l'elenco in ogni elenco a discesa consecutivo viene popolato in base alla selezione.

    Screenshot that shows multiple parameters in one control in Azure workbooks.

  7. Selezionare Modifica accanto al controllo dei parametri appena aggiunto e quindi selezionare Aggiungi e aggiungi metrica.

  8. Immettere queste impostazioni per la metrica:

    1. Nel campo Tipo di risorsa selezionare Servizio app.

    2. Nel campo Servizio app selezionare il parametro WebApp.

    3. Nel campo Intervallo di tempo selezionare il parametro TimeRange.

      Screenshot that shows the metric settings for a web app in Azure Workbooks.

  9. Selezionare Aggiungi metrica e immettere le impostazioni seguenti:

    1. Nel campo Spazio dei nomi selezionare Servizio app metriche standard.

    2. Nel campo Metriche selezionare Richieste.

    3. Nel campo Aggregazione selezionare Conteggio.

    4. Seleziona Salva.

      Screenshot that shows the metric settings for the number of requests made to a web app in Azure Workbooks.

  10. Per assicurarsi che i grafici vengano visualizzati affiancati, selezionare stile nella parte superiore della finestra e quindi selezionare la casella di controllo Rendi l'elemento una larghezza personalizzata. Assicurarsi che la larghezza percentuale sia impostata su 50%.

  11. Selezionare Impostazioni avanzate e immettere un nome per il grafico nel campo Titolo grafico , ad esempio "Numero di richieste dell'app Web".

  12. Selezionare Modifica completata. È ora disponibile un grafico che visualizza il numero di richieste inviate all'app Web.

    Screenshot that shows one graph in an Azure Workbook.

  13. Selezionare Aggiungi e Aggiungi metrica.

  14. Immettere queste impostazioni per la metrica:

    1. Nel campo Tipo di risorsa selezionare Account Azure Cosmos DB.
    2. Nel campo Servizio app selezionare il parametro CosmosDB.
    3. Nel campo Intervallo di tempo selezionare il parametro TimeRange.
  15. Selezionare Aggiungi metrica e immettere le impostazioni seguenti:

    1. Nel campo Spazio dei nomi selezionare Metriche standard dell'account Azure Cosmos DB.
    2. Nel campo Metriche selezionare Totale richieste.
    3. Nel campo Aggregazione selezionare Conteggio.
    4. Seleziona Salva.
  16. Per assicurarsi che i grafici vengano visualizzati affiancati, selezionare stile nella parte superiore della finestra e quindi selezionare la casella di controllo Rendi l'elemento una larghezza personalizzata. Assicurarsi che la larghezza percentuale sia impostata su 50%.

  17. Selezionare Impostazioni avanzatee immettere un nome per il grafico nel campo Titolo grafico, ad esempio "Richieste totali di Cosmos DB".

  18. Selezionare Modifica completata. Sono ora disponibili due grafici affiancati che visualizzano il numero di richieste inviate all'app Web e al database.

    Screenshot that shows two graphs in an Azure Workbook.

Aggiungere grafici per confrontare il volume di operazioni

Verranno usate query di Log Analytics per generare due grafici affiancati per confrontare il numero e i tipi di richieste inviate all'app Web e a Cosmos DB.

Nella cartella di lavoro selezionare Modifica dalla barra degli strumenti superiore.

  1. Aggiungere una query per il numero di richieste per operazione. Selezionare Aggiungie quindi selezionare Aggiungi query.

    1. Nel campo Origine dati selezionare Log.

    2. Nel campo Tipo di risorsa selezionare Log Analytics.

    3. Nel campo Area di lavoro Log Analytics selezionare il parametro Log Analytics.

    4. Nel campo Intervallo di tempo selezionare il parametro TimeRange.

    5. Immettere questa query di log:

        AppRequests
      | summarize RequestsCount=sum(ItemCount) by OperationName, _ResourceId
      | order by RequestsCount desc
      

      Screenshot that shows a query for the number of requests to a web app in an Azure Workbooks.

  2. Ora si useranno le impostazioni di rendering per semplificare la comprensione visiva del grafico. Selezionare Impostazioni colonnae quindi nella sezione Colonne a sinistra selezionare Nome operazionee quindi immettere queste impostazioni.

    1. Nel campo Nome colonna immettere (o lasciare il nome predefinito) "OperationName".

    2. Nel campo Renderer colonna selezionare Soglie.

    3. Nella sezione Soglie selezionare Colorie quindi aggiungere queste soglie:

      Operatore Valore Colore Testo
      contains Creazione Orange {0}{1}
      contains Elimina Rosso (chiaro) {0}{1}
      contains Modifica Blu (chiaro) {0}{1}
      Default Verde {0}{1}

      Screenshot that shows setting the colors in a grid in Azure Workbooks.

  3. Nella sezione colonne a sinistra selezionare _ResourceIde quindi nel campo renderer colonna selezionare nascosto.

  4. Nella sezione Colonne a sinistra selezionare ResourceCounte quindi immettere queste impostazioni:

    1. Nel campo Nome colonna immettere (o lasciare il nome predefinito) "RequestCount".
    2. Nel campo Renderer colonna selezionare Barra.
    3. Nella sezione tavolozza colori selezionare Blu.**
    4. Selezionare Salva e chiudi.
  5. Per assicurarsi che i grafici vengano visualizzati affiancati, selezionare stile nella parte superiore della finestra e quindi selezionare la casella di controllo Rendi l'elemento una larghezza personalizzata. Assicurarsi che la larghezza percentuale sia impostata su 50%.

  6. Selezionare Impostazioni avanzate e immettere un nome per il grafico nel campo Titolo grafico, ad esempio "Numero di richieste dell'app Web".

  7. Selezionare Modifica completata. La cartella di lavoro include ora un grafico a colori che mostra i tipi di operazioni inviate all'app Web e il numero di ogni tipo di richiesta.

    Screenshot that shows a bar chart with the number of requests per operation for a web app.

  8. Verrà ora aggiunta una visualizzazione per il numero di richieste per Cosmos DB.

  9. Selezionare Modifica accanto al controllo dei parametri appena aggiunto e quindi selezionare Aggiungi e aggiungi metrica.

  10. Immettere queste impostazioni per la metrica:

    1. Nel campo Tipo di risorsa selezionare Account Azure Cosmos DB.
    2. Nel campo Servizio app selezionare il parametro CosmosDB.
    3. Nel campo Intervallo di tempo selezionare il parametro TimeRange.
    4. Nel campo Visualizzazione, selezionare Griglia.
  11. Selezionare Aggiungi metrica e immettere le impostazioni seguenti:

    1. Nel campo Spazio dei nomi selezionare Metriche standard dell'account Azure Cosmos DB.

    2. Nel campo Metriche selezionare Totale richieste.

    3. Nel campo Aggregazione selezionare Conteggio.

    4. Nel campo Split (Divisione ) selezionare Nessuna.

    5. Seleziona Salva.

      Screenshot that shows a query for the number of requests to a database in an Azure Workbook.

  12. Aggiungere un'altra metrica. Selezionare Aggiungi e Aggiungimetrica e immettere queste impostazioni:

    1. Nel campo Spazio dei nomi selezionare Metriche standard dell'account Azure Cosmos DB.

    2. Nel campo Metriche selezionare Totale richieste.

    3. Nel campo Aggregazione selezionare Conteggio.

    4. Nel campo Dividi per selezionare OperationType.

    5. Nel campo Ordina per selezionare decrescente.

    6. Nel campo Numero di divisioni selezionare 5.

    7. Nel campo Nome visualizzato immettere "Operazioni".

    8. Seleziona Salva.

      Screenshot that shows a query with results split into columns in an Azure Workbook.

  13. Si useranno le impostazioni di rendering per semplificare la comprensione visiva del grafico.

  14. Selezionare Impostazioni colonnae quindi nella sezione colonne a sinistra selezionare microsoft.documentsdb/databaseaccounts-Requests-TotalRequestse quindi immettere queste impostazioni.

    1. Nel campo Renderer colonna, selezionare Mappa termica.

    2. Nel campo Tavolozza colori selezionare Blu.

    3. Selezionare Formattazione personalizzata.

      1. Nel campo Unità selezionare Conteggio.
      2. Nel campo Stile, selezionare Decimale.

      Screenshot that shows setting the colors in a grid using the heatmap setting in Azure Workbooks.

  15. Nella sezione colonne a sinistra selezionare microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (Hidden)e quindi immettere queste impostazioni:

    1. Nel campo etichetta di colonna immettere (o lasciare il nome predefinito) "Total Requests (Count)".
    2. Nel campo Renderer colonna, selezionare Mappa termica.
    3. Nel campo Tavolozza colori selezionare Blu.
  16. Nella sezione colonne a sinistra selezionare */Operations$ (text)e quindi immettere queste impostazioni:

    1. Nel campo etichetta di colonna immettere (o lasciare il nome predefinito) "Total Requests (Count)".
    2. Nel campo Renderer colonna, selezionare Mappa termica.
    3. Nel campo Tavolozza colori selezionare Blu.
    4. Selezionare Formattazione personalizzata.
      1. Nel campo Unità selezionare Conteggio.
      2. Nel campo Stile, selezionare Decimale.
    5. Selezionare Salva e chiudi.
  17. Per assicurarsi che i grafici vengano visualizzati affiancati, selezionare stile nella parte superiore della finestra e quindi selezionare la casella di controllo Rendi l'elemento una larghezza personalizzata. Assicurarsi che la larghezza percentuale sia impostata su 50%.

  18. Selezionare Impostazioni avanzatee immettere un nome per il grafico nel campo Titolo grafico, ad esempio "Richieste totali di Cosmos DB".

  19. Selezionare Modifica completata. La cartella di lavoro include ora due grafici a colori che mostrano i numeri e i tipi di richieste inviate all'app Web e a Cosmos DB.

    Screenshot that shows two side by side grids in Azure Workbooks.