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 elementos visuais que combinam dados dessas fontes para permitir que você correlacione os dados e analise seu sistema.

Vamos criar gráficos para mostrar as solicitações, o tempo da CPU e o consumo da unidade de solicitação no aplicativo Web e no Cosmos DB. O gráfico 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 espaço de trabalho do Log Analytics

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

Gerar alguns dados para este exercício

1. Entre no portal do Azure.

2. Na página inicial, selecione Grupos de recursosou procure "Grupos de recursos" na barra de pesquisa na parte superior da página.

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

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

   

5. Na barra de ferramentas superior, selecione Navegar.

   

6. Preencha o serviço do aplicativo com algumas atividades para gerar alguns dados para o nosso exemplo. Na página Lista de To-Do Itens, crie alguns itens, edite-os ou marque alguns como completos.

   

Adicionar gráficos para comparar o volume de solicitações

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

Na pasta de trabalho, selecione Edit na barra de ferramentas superior.

1. Selecione Adicionare, em seguida, selecione Adicionar parâmetros.

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

   1. No campo Nome do parâmetro, digite WebApps.

   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 da fonte de dados, selecione Azure Resource Graph.

      2. No campo Tipo de recurso , selecione Subscrição .

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

      4. Introduza a seguinte consulta e, em seguida, selecione Executar Consulta.

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

      

   6. Selecione Salvar.

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

   

   1. No campo Nome do parâmetro, digite CosmosDB.

   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 Log de Assinaturas na consulta.

      1. No campo da fonte de dados, selecione Azure Resource Graph.

      2. No campo Tipo de recurso, selecione Subscrição.

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

      4. Introduza a seguinte consulta e, em seguida, selecione Executar Consulta.

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

   6. Selecione Salvar.

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

   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 secção Obter dados de, selecione Consulta.

   5. Na seção Log de Assinaturas consulta:

      1. No campo fonte de dados, selecione Azure Resource Graph.

      2. No campo Tipo de recurso, selecione Subscrição.

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

      4. Introduza a seguinte consulta e, em seguida, selecione Executar Consulta.

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

   6. Selecione Salvar.

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

   1. No campo Nome do parâmetro, insira TimeRange.
   2. No campo Tipo de parâmetro , selecione Seletor de intervalo de tempo.
   3. Marque a caixa de seleção obrigatória .
   4. No campo Intervalos de tempo disponíveis, verifique se todos os valores estão selecionados.
   5. Selecione Salvar.

6. Selecione Concluir edição. Sua pasta de trabalho agora tem um controle de parâmetro com quatro parâmetros. Ao selecionar o primeiro parâmetro, cada lista suspensa seguinte é preenchida com base na sua seleção.

   

7. Selecione Editar ao lado do controle de parâmetro que acabamos de adicionar e, em seguida, selecione 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 WebApp.

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

      

9. Selecione Adicionar métricae 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 Contar.

   4. Selecione Salvar.

      

10. Para se certificar de que os gráficos são apresentados lado a lado, selecione Estilo na parte superior da janela e, em seguida, selecione a caixa de verificação Definir este item com uma largura personalizada. Certifique-se de que a Percentagem de largura está definida como 50%.

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

12. Selecione Edição concluída. Agora você tem um gráfico exibindo o número de solicitações enviadas para seu aplicativo Web.

    

13. Selecione Adicionar e 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 do Serviço de Aplicativo, selecione o parâmetro CosmosDB.
    3. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.

15. Selecione Adicionar métricae 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 pedidos.
    3. No campo Agregação, selecione Contagem.
    4. Selecione Salvar.

16. Para se certificar de que os gráficos são apresentados lado a lado, selecione Estilo na parte superior da janela e, em seguida, selecione a caixa de seleção Definir uma largura personalizada para este item. Certifique-se de que a Percentagem de largura está definida como 50%.

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

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

    

Adicionar gráficos para comparar o volume de operações

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

No livro de trabalho, selecione Editar na barra de ferramentas superior.

1. Adicione uma consulta para o número de solicitações por operação. Selecione Adicionare, em seguida, selecione Adicionar consulta.

   1. No campo da fonte de dados, selecione Logs.

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

   3. No campo do espaço de trabalho Log Analytics, selecione o parâmetro de 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
      

      

2. Agora, vamos usar as configurações de renderização para tornar o gráfico fácil de entender visualmente. Selecione Definições de Colunae, em seguida, na secção Colunas à esquerda, selecione Nome da Operação, e depois introduza estas definições.

   1. No campo Nome da coluna, introduza (ou deixe como nome padrão) "OperationName".

   2. No campo renderizador de Coluna, selecione Limites.

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

      Operador	Valor	Cor	Texto
      contém:	Criar	Laranja	{0}{1}
      contém:	Suprimir	Vermelho (brilhante)	{0}{1}
      contém:	Editar	Azul (Claro)	{0}{1}
      Padrão		Verde	{0}{1}

      

3. Na seção Colunas à esquerda, selecione _ResourceIde, em seguida, no campo Coluna renderizador, selecione Hidden.

4. Na secção Colunas à esquerda, selecione ResourceCounte, em seguida, insira estas definições:

   1. No campo Nome da coluna, digite (ou deixe o nome padrão) "RequestCount".
   2. No campo renderizador de coluna, selecione Barra.
   3. Na seção da paleta de cores, selecione Azul.
   4. Selecione Salvar e Fechar.

5. Para se certificar de que os gráficos são apresentados lado a lado, selecione Estilo na parte superior da janela e, em seguida, selecione a caixa de verificação Definir uma largura personalizada para este item. Certifique-se de que a Percentagem de largura está definida como 50%.

6. Selecione Configurações avançadase insira um nome para o gráfico no campo Título do Gráfico, como "Operações da aplicação Web".

7. Selecione Concluir edição. Sua pasta de trabalho agora tem um gráfico codificado por cores mostrando os tipos de operações enviadas para seu aplicativo Web e o número de cada tipo de solicitação.

   

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, selecione 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 do Serviço de Aplicativo, selecione o parâmetro CosmosDB.
    3. No campo Intervalo de Tempo, selecione o parâmetro Intervalo de Tempo.
    4. No campo Visualização, selecione Grade.

11. Selecione Adicionar métricae 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 pedidos.

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

    4. No campo Dividir, selecione Nenhum.

    5. Selecione Salvar.

       

12. Adicione outra métrica. Selecione Adicionar e Adicionar métricae 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 pedidos.

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

    4. No campo Dividir através de, selecione OperationType.

    5. No campo Ordenar por, selecione Decrescente.

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

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

    8. Selecione Salvar.

       

13. Vamos usar as configurações de renderização para tornar o gráfico fácil de entender visualmente.

14. Selecione Configurações de colunae, na secção Colunas à esquerda, selecione microsoft.documentsdb/databaseaccounts-Requests-TotalRequestse, em seguida, insira essas configurações.

    1. No campo renderizador de coluna, selecione Heatmap .

    2. No campo da paleta de cores, selecione Azul.

    3. Selecione Formatação personalizada.

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

       

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

    1. No campo Rótulo da Coluna, digite (ou deixe o nome padrão) "Total de solicitações (contagem)".
    2. No campo renderizador de coluna, selecione Heatmap .
    3. No campo da paleta de cores , selecione o Azul.

16. Na seção Colunas à esquerda, selecione */Operations$ (Texto)e, em seguida, insira estas configurações:

    1. No campo Rótulo da Coluna, digite (ou deixe o nome padrão) "Total de solicitações (contagem)".
    2. No renderizador da coluna , no campo, selecione Heatmap.
    3. No campo da 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 se certificar de que os gráficos são apresentados lado a lado, selecione Estilo na parte superior da janela e, em seguida, marque a caixa de verificação Definir largura personalizada para este item. Certifique-se de que a Percentagem de largura está definida para 50%.

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

19. Selecione Edição concluída. Sua pasta de trabalho agora tem dois gráficos codificados por cores mostrando os números e os tipos de solicitações enviadas ao seu aplicativo Web e ao seu Cosmos DB.