Monitore seu aplicativo web Flutter

Nossa integração Flutter monitora o desempenho de seu aplicativo Web Flutter, ajudando você a diagnosticar problemas em seu aplicativo e otimizar seu código. Nossa integração com o Flutter usa nosso monitoramento de browseragente e oferece um dashboard pré-criado com as métricas mais importantes do seu aplicativo Flutter (como erros, falhas no aplicativo, lançamento do aplicativo, instalação do aplicativo, erros de HTTP e falhas de rede).

Instalar

Etapa 1 (opcional): Instalar o agente de infraestrutura

A instalação do agente de infraestrutura é opcional, mas isso fornecerá métricas importantes sobre o host onde seu aplicativo está sendo executado.

Para fazer isso, siga as etapas de instalação do agente de infraestrutura para o host que contém seu aplicativo Flutter.

Etapa 2: Instale o agente browser

Nossa integração com o Flutter depende do nosso browser agente para funcionar. Para instalar nosso browser agente:

1. De one.newrelic.com, vá para a páginaIntegrations & Agents .
2. Clique em Browser and mobile e em Browser monitoring.
3. Selecione a opção Select copy/paste JavaScript code (para saber mais sobre esse código, consulte nossos documentos de instalação do browser).
4. Conclua o restante das etapas e clique em Enable.
5. Acesse o diretório www/root do seu aplicativo Web Flutter.
6. Abra o arquivo index.html .
7. Cole o trecho do código do nosso browser logo antes do término da tag head (</head>).
8. Reinicie seu aplicativo.

Aguarde cinco minutos e prossiga para encontrar seus dados no New Relic.

Encontre seus dados

Para obter seu dashboard Flutter:

1. De one.newrelic.com, vá para a páginaIntegrations & Agents .
2. Clique em Dashboards.
3. Na barra de pesquisa, digite flutter web.
4. O dashboard do Flutter deve aparecer. Clique nele para instalá-lo.

Seu dashboard Flutter é considerado um painel personalizado e pode ser encontrado na interface Dashboards. Para obter documentos sobre como usar e editar o painel, consulte nossos documentos dashboard .

Essa integração reporta dados na forma de nosso evento de monitoramento de Browser. Se você instalou o agente de infraestrutura, também receberá dados de infraestrutura.

Aqui está um exemplo de consulta NRQL verificando o tempo médio de carregamento da janela para os diversos browsers usados pelo usuário em computadores desktop:

SELECT average(windowLoad) FROM PageViewTiming 
WHERE (deviceType = 'Desktop') FACET `userAgentName` 
SINCE 604800 seconds AGO TIMESERIES

Qual é o próximo?

Para saber mais sobre como consultar seus dados e criar dashboards personalizados, confira estes documentos:

• Introdução ao criador de consulta
• Introdução ao painel personalizado
• Gerencie seu dashboard