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. Inicie sessão no Portal do Azure.

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

3. Selecione o grupo de recursos "aprender" 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 Procurar.

   

6. Preencha o serviço do aplicativo com algumas atividades para 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.

   

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 Editar na barra de ferramentas superior.

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

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

   1. No campo Nome do parâmetro , insira 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 Fonte de dados, selecione Gráfico de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro Recurso de assinatura.

      4. Insira a consulta a seguir e selecione Executar consulta.

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

      

   6. Selecione Guardar.

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

   

   1. No campo Nome do parâmetro , insira 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 Consulta de log de assinaturas:

      1. No campo Fonte de dados, selecione Gráfico de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro Recurso de assinatura.

      4. Insira a consulta a seguir e selecione Executar consulta.

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

   6. Selecione Guardar.

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 Gráfico de recursos do Azure.

      2. No campo Tipo de recurso, selecione Assinatura.

      3. No campo Assinaturas, selecione o parâmetro Recurso de assinatura.

      4. Insira a consulta a seguir e selecione Executar consulta.

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

   6. Selecione Guardar.

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ório .
   4. No campo Intervalos de tempo disponíveis, verifique se todos os valores estão selecionados.
   5. Selecione Guardar.

6. Selecione 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 lista em cada lista suspensa consecutiva é 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 TimeRange.

      

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. Selecione Guardar.

      

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 Tornar este item numa largura personalizada. Certifique-se de que 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. 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 Serviço de Aplicativo, selecione o parâmetro CosmosDB.
    3. No campo Intervalo de tempo, selecione o parâmetro TimeRange.

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. Selecione Guardar.

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 verificação Tornar este item numa largura personalizada. Certifique-se de que 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. 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.

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

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

   1. No campo Fonte de dados, selecione Logs.

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

   3. No campo de espaço de trabalho do Log Analytics, selecione o parâmetro Log Analytics .

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

   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 Configurações de coluna e, na seção Colunas à esquerda, selecione Nome da operação e insira essas configurações.

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

   2. No campo Renderizador de coluna, selecione Limites.

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

      Operador	Value	Cor	Texto
      contém	Criar	Orange	{0}{1}
      contém	Delete	Vermelho (brilhante)	{0}{1}
      contém	Editar	Azul (Claro)	{0}{1}
      Predefinição		Verde	{0}{1}

      

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

4. Na seção Colunas à esquerda, selecione ResourceCount e insira estas configuraçõ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 Paleta de cores , selecione Azul.**
   4. Selecione Guardar 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 Tornar este item numa largura personalizada. Certifique-se de que 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. Selecione Edição concluída. 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 Serviço de Aplicativo, selecione o parâmetro CosmosDB.
    3. No campo Intervalo de tempo, selecione o parâmetro TimeRange.
    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 Guardar.

       

12. Adicione outra métrica. Selecione Adicionar e 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 por, selecione OperationType.

    5. No campo Ordenar por, selecione Decrescente.

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

    7. No campo Nome para exibição, digite "Operações".

    8. Selecione Guardar.

       

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

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.

       

15. Na seção Colunas à esquerda, selecione microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (Hidden) 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 Mapa de calor.
    3. No campo Paleta de cores , selecione Azul.

16. Na seção Colunas à esquerda, selecione */Operations$ (Texto) 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 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 Guardar 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, selecione a caixa de verificação Tornar este item numa largura personalizada. Certifique-se de que 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, 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.