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:
$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:
✔ 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>; }}
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.