Integração de monitoramento de 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 agente 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).

Depois de configurar nossa integração com Flutter, fornecemos a você um dashboard para a métrica do seu aplicativo web Flutter.

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:

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

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

Encontre seus dados

Para obter seu dashboard Flutter:

De one.newrelic.com, vá para a página
Add data
.
Clique em
Dashboards
.
Na barra de pesquisa, digite flutter web.
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: