Monitoramento do Browser e do agente Node.js

Com o agente Node.js, você pode adicionar instrumentação de browser às suas páginas da web. Para usar com seu agente Node.js, certifique-se de ter a versão mais recente do agente Node.js.

Para habilitar o monitoramento do browser na interface do usuário, siga os procedimentos para instalar o agente browser. Em seguida, siga os procedimentos nesta seção para configurar o agente Node.js.

Insira o cabeçalho JavaScript

A instrumentação para o agente Node.js pode continuar além do seu aplicativo no browser do usuário final. O módulo newrelic pode gerar cabeçalhos script que, quando inseridos em seus templates HTML, capturarão o tempo final de carregamento da página do usuário. Os cabeçalhos devem ser injetados manualmente, mas nenhuma configuração extra é necessária.

No início da tag head da sua página HTML, insira os resultados de newrelic.getBrowserTimingHeader() após qualquer metatag CHARSET.
Exception: Para obter compatibilidade máxima com o Internet Explorer, insira os resultados de newrelic.getBrowserTimingHeader() after qualquer meta tag X-UA-COMPATIBLE HTTP-EQUIV .
Chame o cabeçalho uma vez para cada solicitação. Não armazene em cache o cabeçalho.

A geração de cabeçalhos é rápida e não exige que seu aplicativo faça solicitações extras ao New Relic.

Exemplos framework

Aqui estão alguns exemplos de como configurar monitoramento de Browser com diferentes frameworks e templates.

Este exemplo usa Express, uma framework de aplicativo da web, e jade, um módulo de modelo. Embora as especificidades sejam diferentes com outras estruturas, esta abordagem geral deverá funcionar na maioria dos casos.

A maneira mais simples de inserir títulos de temporização do browser é passar o módulo newrelic para o seu modelo e, em seguida, chamar newrelic.getBrowserTimingHeader() a partir do modelo.

No seu app.js:

const newrelic = require('newrelic');
const app = require('express')();
// in express, this lets you call newrelic from within a template
app.locals.newrelic = newrelic;

app.get('/user/:id', function (req, res) {
  res.render('user');
});
app.listen(process.env.PORT);

No seu layout.jade:

doctype html
html
head
  != newrelic.getBrowserTimingHeader()
  title= title
  link(rel='stylesheet', href='stylesheets/style.css')
body
  block content

Este exemplo usa Express com Swig.

No seu app.js:

const newrelic = require('newrelic');

const http = require('http')
const path = require('path')
const swig = require('swig')

const app = require('express')();

app.locals.newrelic = newrelic;

//taken from http://paularmstrong.github.io/swig/docs/#express
app.engine('html', swig.renderFile);
app.set('view engine', 'html');
app.set('views', __dirname + '/views');

app.get('/user/:id', function (req, res) {
  res.render('user');
});

app.listen(process.env.PORT);

No seu views/user.html:

<!DOCTYPE html>
<html>
  <head>
    {{ newrelic.getBrowserTimingHeader() }}
    <title>Hello</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

Este exemplo usa hapi.js e handlebars. Outras linguagens de modelagem semelhantes normalmente exigem colchetes triplos; por exemplo, usando bigode com hogan-express. Isso ajuda a evitar o escape do conteúdo do script.

Usando hapi, no seu app.js:

const newrelic = require('newrelic');
const Hapi = require('hapi');
const server = new Hapi.Server(parseInt(PORT), '0.0.0.0', {
  views: {
    engines : {html: 'handlebars' },
    path : __dirname + '/templates'
  }
});

function homepage(request, reply) {
  const context = {
    // pass in the header each request
    nreum : newrelic.getBrowserTimingHeader(),
    content : ...
  };

  reply.view('homepage', context);
};

server.route({
  method : 'GET',
  path : '/',
  handler : homepage
});

server.start();

No seu templates/homepage.html:

<!DOCTYPE html>
<html>
  <head>
    {{{ nreum }}}
    <title>Hello</title>
  </head>
  <body>
    {{ content }}
  </body>
</html>

Desativar geração de cabeçalho

Por padrão, as chamadas para newrelic.getBrowserTimingHeader() devem retornar cabeçalhos válidos. Para desativar a geração de cabeçalho sem remover o código do modelo: No arquivo newrelic.js , adicione:

browser_monitoring : {
    enable : false
}

Você também pode definir a variável de ambiente NEW_RELIC_BROWSER_MONITOR_ENABLE=false.

Cuidado

Sempre deixe ssl entre o agente e o coletor New Relic ao utilizar o monitoramento de Browser.

Você pode deixar a chamada de API ativa com segurança mesmo se não estiver usando o monitoramento do browser ou o módulo newrelic .

Se o monitoramento do Browser estiver desabilitado, ou se houver um erro que impeça a geração de cabeçalhos funcionais, o módulo newrelic gera um comentário HTML inócuo.
Se você desativar completamente o módulo newrelic , nenhum conteúdo será gerado.

Esta tradução de máquina é fornecida para sua comodidade.

Monitoramento do Browser e do agente Node.js

Insira o cabeçalho JavaScript

Exemplos framework

Expresso e jade

Expresso e gole

Hapi.js e guiador

Desativar geração de cabeçalho

Cuidado

Esta tradução de máquina é fornecida para sua comodidade.

Monitoramento do Browser e do agente Node.js

Insira o cabeçalho JavaScript .css-21sua1{background:none;border:none;width:0;padding:0;}

Exemplos framework

Expresso e gole

Hapi.js e guiador

Desativar geração de cabeçalho

Cuidado

Insira o cabeçalho JavaScript