• /
  • EnglishEspañolFrançais日本語한국어Português
  • EntrarComeçar agora

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

Caso haja alguma divergência entre a versão em inglês e a traduzida, a versão em inglês prevalece. Acesse esta página para mais informações.

Criar um problema

Sirva seu aplicativo New Relic

|View as Markdown (English)

Dica

Esta lição faz parte de um curso que ensina como construir um aplicativo New Relic do zero. Se ainda não o fez, confira a Visão Geral.

Cada lição do curso se baseia na anterior, portanto, certifique-se de ter concluído a última lição, Criar um Nerdpack, antes de iniciar esta.

Ao criar um aplicativo New Relic, é importante visualizá-lo na plataforma. Isso ajuda você a projetar, implementar e depurar seu aplicativo no ambiente em que ele será publicado. Com nr1, você pode lançar um servidor de desenvolvimento que hospede seu aplicativo para que New Relic possa apresentá-lo a você.

De dentro do diretório raiz do Nerdpack, sirva seu Nerdpack:

bash
$
nr1 nerdpack:serve

Quando o Nerdpack for compilado com sucesso e seu aplicativo estiver pronto para visualização, você verá uma mensagem com um link para o New Relic:

bash
Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
Server will reload automatically if you modify any file!

Observe o parâmetro de consulta anexado nerdpacks=local. Este parâmetro de consulta diz ao New Relic para mostrar Nerdpacks servidos localmente.

Dica

Se você não encontrar seu aplicativo na plataforma New Relic, certifique-se de incluir nerdpacks=local em sua string de consulta!

Navegue até o URL fornecido. Na página inicial, selecione Apps para visualizar o aplicativo New Relic.

Na seção Your apps, encontre seu launcher, chamado "teste A/B Launcher".

Selecione seu launcher para ver seu Nerdlet root e sua mensagem de boas-vindas padrão.

Parabéns, você atendeu seu primeiro aplicativo New Relic!

Observe, na saída do comando, que o servidor é recarregado quando você altera os arquivos do seu Nerdpack. Experimente atualizando nerdlets/ab-test-nerdlet/index.js:

import React from 'react';
export default class AbTestNerdletNerdlet extends React.Component {
render() {
return <h1>A/B test results</h1>;
}
}
nerdlets/ab-test-nerdlet/index.js

Seu aplicativo é atualizado automaticamente para mostrar o novo título.

Curso

Esta lição faz parte de um curso que ensina como construir um aplicativo New Relic do zero. Continue para a próxima lição: Adicione componentes de gráfico ao seu aplicativo de teste A/B.

Copyright © 2026 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.