Adicionar visualizações para comparar e analisar os dados

Concluído

Neste exercício, vamos levar as coisas um passo adiante. Em vez de apenas ter visualizações que mostram dados de algumas fontes de dados, vamos adicionar visuais que combinam dados dessas fontes para permitir que você correlacione os dados e analise seu sistema.

Vamos criar grafos para mostrar as solicitações, o tempo de CPU e o consumo de unidade de solicitação no aplicativo Web e no Cosmos DB. O grafo usa métricas combinadas do aplicativo Web e do banco de dados.

Vamos combinar dados usando consultas do Log Analytics que obtêm dados dessas fontes:

  • o aplicativo Web
  • o Cosmos DB
  • o workspace do Log Analytics

Em seguida, adicionaremos uma métrica que monitora o aplicativo.

Gerar alguns dados para este exercício

  1. Faça logon no Portal do Azure.

  2. Na página Inicial, selecione Grupos de recursos ou pesquise "Grupos de recursos" na barra de pesquisa, na parte superior da página.

  3. Selecione o grupo de recursos "learn" criado quando a área restrita foi ativada.

  4. Examine a lista de recursos e selecione o Serviço de Aplicativo.

    Screenshot of selecting the App Service from the resource group.

  5. Na barra de ferramentas superior, selecione Procurar.

    Screenshot of the browser button from the App Service page.

  6. Preencha o serviço de aplicativo com algumas atividades a fim de gerar alguns dados para o nosso exemplo. Na página Lista de Itens Pendentes, crie alguns itens, edite-os ou marque alguns como concluídos.

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

Adicionar grafos para comparar o volume de solicitações

Vamos gerar dois grafos a fim de colocar lado a lado para comparar o número de solicitações enviadas ao aplicativo Web e ao Cosmos DB.

Em sua pasta de trabalho, selecione Editar na barra de ferramentas superior.

  1. Selecione Adicionar, depois Adicionar parâmetros.

  2. Selecione Adicionar Parâmetro para adicionar um novo parâmetro.

    1. No campo Nome do parâmetro, insira Aplicativos Web.

    2. No campo Tipo de parâmetro, selecione Seletor de recursos.

    3. Marque a caixa de seleção Obrigatório.

    4. Na seção Obter dados de, selecione Consulta.

    5. Na seção Consulta de log de assinaturas:

      1. No campo Fonte de dados, selecione Grafo de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro de recurso Assinatura.

      4. Insira a consulta a seguir, depois selecione Executar Consulta.

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

      Screenshot that shows the web app parameter in a workbook.

    6. Clique em Salvar.

  3. Na mesma seção Adicionar parâmetro, selecione Adicionar parâmetro novamente.

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

    1. No campo Nome do parâmetro, insira Cosmos DB.

    2. No campo Tipo de parâmetro, selecione Seletor de recursos.

    3. Marque a caixa de seleção Obrigatório.

    4. Na seção Obter dados de, selecione Consulta.

    5. Na seção Consulta de log de assinaturas:

      1. No campo Fonte de dados, selecione Grafo de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro de recurso Assinatura.

      4. Insira a consulta a seguir, depois selecione Executar Consulta.

        resources 
        | where type == "microsoft.documentdb/databaseaccounts" 
        | project id
        
    6. Clique em Salvar.

  4. Na mesma seção Adicionar parâmetro, selecione Adicionar parâmetro novamente.

    1. No campo Nome do parâmetro, insira LogAnalytics.

    2. No campo Tipo de parâmetro, selecione Seletor de recursos.

    3. Marque a caixa de seleção Obrigatório.

    4. Na seção Obter dados de, selecione Consulta.

    5. Na seção Consulta de log de assinaturas:

      1. No campo Fonte de dados, selecione Grafo de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro de recurso Assinatura.

      4. Insira a consulta a seguir, depois selecione Executar Consulta.

        resources 
        | where type == "microsoft.operationalinsights/workspaces"
        | project id
        
    6. Clique em Salvar.

  5. Na mesma seção Adicionar parâmetro, selecione Adicionar parâmetro novamente.

    1. No campo Nome do parâmetro, insira Intervalo de tempo.
    2. No campo Tipo de parâmetro, selecione Seletor de intervalo de tempo.
    3. Marque a caixa de seleção Obrigatório.
    4. No campo Intervalos de tempo disponíveis, verifique se todos os valores estão selecionados.
    5. Clique em Salvar.
  6. Escolha Edição concluída. Sua pasta de trabalho agora tem um controle de parâmetro com quatro parâmetros. Quando você seleciona o primeiro parâmetro, a listagem em cada lista suspensa consecutiva é preenchida com base na seleção feita.

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

  7. Selecione Editar ao lado do controle de parâmetro que acabamos de adicionar e, em seguida, escolha Adicionar e Adicionar métrica.

  8. Insira estas configurações para a métrica:

    1. No campo Tipo de recurso, selecione Serviço de Aplicativo.

    2. No campo Serviço de Aplicativo, selecione o parâmetro Aplicativo Web.

    3. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.

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

  9. Selecione Adicionar métrica e insira estas configurações:

    1. No campo Namespace, selecione Métricas Padrão do Serviço de Aplicativo.

    2. No campo Métricas, selecione Solicitações.

    3. No campo Agregação, selecione Contagem.

    4. Clique em Salvar.

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

  10. Para garantir que os grafos sejam exibidos lado a lado, selecione Estilo na parte superior da janela e marque a caixa de seleção Tornar este item uma largura personalizada. Verifique se a Largura percentual está definida como 50%.

  11. Selecione Configurações avançadas e insira um nome para o gráfico no campo Título do gráfico, como "Número de solicitações do aplicativo Web".

  12. Escolha Edição concluída. Agora você tem um grafo exibindo o número de solicitações enviadas ao seu aplicativo Web.

    Screenshot that shows one graph in an Azure Workbook.

  13. Selecione Adicionar, depois Adicionar métrica.

  14. Insira estas configurações para a métrica:

    1. No campo Tipo de Recurso, selecione Conta do Azure Cosmos DB.
    2. No campo Serviço de Aplicativo, selecione o parâmetro Cosmos DB.
    3. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.
  15. Selecione Adicionar métrica e insira estas configurações:

    1. No campo Namespace, selecione Métricas padrão da conta do Azure Cosmos DB.
    2. No campo Métricas, selecione Total de Solicitações.
    3. No campo Agregação, selecione Contagem.
    4. Clique em Salvar.
  16. Para garantir que os grafos sejam exibidos lado a lado, selecione Estilo na parte superior da janela e marque a caixa de seleção Tornar este item uma largura personalizada. Verifique se a Largura percentual está definida como 50%.

  17. Selecione Configurações avançadas e insira um nome para o gráfico no campo Título do gráfico, como "Total de solicitações do Cosmos DB".

  18. Escolha Edição concluída. Agora você tem dois grafos lado a lado exibindo o número de solicitações enviadas para seu aplicativo Web e seu banco de dados.

    Screenshot that shows two graphs in an Azure Workbook.

Adicionar grafos para comparar o volume de operações

Vamos usar consultas do Log Analytics para gerar dois grafos que colocaremos lado a lado para comparar o número e os tipos de solicitações enviadas ao aplicativo Web e ao Cosmos DB.

Em sua pasta de trabalho, selecione Editar na barra de ferramentas superior.

  1. Adicione uma consulta ao número de solicitações por operação. Selecione Adicionar, depois Adicionar consulta.

    1. No campo Fonte de dados, selecione Logs.

    2. No campo Tipo de recurso, selecione Log Analytics.

    3. No campo workspace do Log Analytics, selecione o parâmetro Log Analytics.

    4. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.

    5. Insira esta consulta de 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. Agora, vamos usar as configurações de renderização para facilitar a compreensão visual do gráfico. Selecione Configurações de coluna e, na seção Colunas à esquerda, escolha Nome da Operação e insira essas configurações.

    1. No campo Nome da coluna, insira "Nome da Operação" (ou deixe o nome padrão).

    2. No campo Renderizador de coluna, selecione Limites.

    3. Na seção Limites, selecione Cores e adicione estes limites:

      Operador Valor Color Texto
      contém Criar Laranja {0}{1}
      contém Excluir Vermelho (Brilhante) {0}{1}
      contém Editar Azul (Leve) {0}{1}
      Padrão Verde {0}{1}

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

  3. Na seção Colunas à esquerda, selecione _ResourceId e, no campo Renderizador de coluna, selecione Oculto.

  4. Na seção Colunas à esquerda, selecione Contagem de recursos, depois insira estas configurações:

    1. No campo Nome da coluna, insira "Contagem de solicitações" (ou deixe o nome padrão).
    2. No campo Renderizador de coluna, selecione Barra.
    3. Na seção Paleta de cores, selecione Azul.**
    4. Selecione Salvar e Fechar.
  5. Para garantir que os grafos sejam exibidos lado a lado, selecione Estilo na parte superior da janela e marque a caixa de seleção Tornar este item uma largura personalizada. Verifique se a Largura percentual está definida como 50%.

  6. Selecione Configurações avançadas e insira um nome para o gráfico no campo Título do gráfico, como "Operações do aplicativo Web".

  7. Escolha Edição concluída. Sua pasta de trabalho agora tem um grafo codificado por cores mostrando os tipos de operações enviadas para seu aplicativo Web e o número de cada tipo de solicitação.

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

  8. Agora, vamos adicionar uma visualização para o número de solicitações para o Cosmos DB.

  9. Selecione Editar ao lado do controle de parâmetro que acabamos de adicionar e, em seguida, escolha Adicionar e Adicionar métrica.

  10. Insira estas configurações para a métrica:

    1. No campo Tipo de Recurso, selecione Conta do Azure Cosmos DB.
    2. No campo Serviço de Aplicativo, selecione o parâmetro Cosmos DB.
    3. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.
    4. No campo Visualização, selecione Grade.
  11. Selecione Adicionar métrica e insira estas configurações:

    1. No campo Namespace, selecione Métricas padrão da conta do Azure Cosmos DB.

    2. No campo Métricas, selecione Total de Solicitações.

    3. No campo Agregação, selecione Contagem.

    4. No campo Dividir, selecione Nenhum.

    5. Selecione Salvar.

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

  12. Adicione outra métrica. Selecione Adicionar e Adicionar Métrica, depois insira estas configurações:

    1. No campo Namespace, selecione Métricas padrão da conta do Azure Cosmos DB.

    2. No campo Métricas, selecione Total de Solicitações.

    3. No campo Agregação, selecione Contagem.

    4. No campo Dividir por, selecione Tipo de Operação.

    5. No campo Classificar por, selecione Decrescente.

    6. No campo Número de divisões, selecione 5.

    7. No campo Nome de Exibição, insira "Operações".

    8. Selecione Salvar.

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

  13. Vamos usar as configurações de renderização para facilitar a compreensão visual do gráfico.

  14. Selecione Configurações de coluna e, na seção Colunas à esquerda, selecione microsoft.documentsdb/databaseaccounts-Requests-TotalRequests e insira essas configurações.

    1. No campo Renderizador de coluna, selecione Mapa de calor.

    2. No campo Paleta de cores, selecione Azul.

    3. Selecione Formatação personalizada.

      1. No campo Unidades, selecione Contagem.
      2. No campo Estilo, selecione Decimal.

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

  15. Na seção Colunas à esquerda, selecione microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Linha do tempo (Oculto) e insira essas configurações:

    1. No campo Rótulo da Coluna, insira "Total de Solicitações (Contagem)" (ou deixe o nome padrão).
    2. No campo Renderizador de coluna, selecione Mapa de calor.
    3. No campo Paleta de cores, selecione Azul.
  16. Na seção Colunas à esquerda, selecione */Operações$ (Texto), depois insira estas configurações:

    1. No campo Rótulo da Coluna, insira "Total de Solicitações (Contagem)" (ou deixe o nome padrão).
    2. No campo Renderizador de coluna, selecione Mapa de calor.
    3. No campo Paleta de cores, selecione Azul.
    4. Selecione Formatação personalizada.
      1. No campo Unidades, selecione Contagem.
      2. No campo Estilo, selecione Decimal.
    5. Selecione Salvar e Fechar.
  17. Para garantir que os grafos sejam exibidos lado a lado, selecione Estilo na parte superior da janela e marque a caixa de seleção Tornar este item uma largura personalizada. Verifique se a Largura percentual está definida como 50%.

  18. Selecione Configurações avançadas e insira um nome para o gráfico no campo Título do gráfico, assim como "Operações do Cosmos DB".

  19. Escolha Edição concluída. Sua pasta de trabalho agora tem dois grafos codificados por cores mostrando os números e tipos de solicitações enviados para seu aplicativo Web e seu Cosmos DB.

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