을 시작하려면 모니터링하려는 뷰의 HTML에 브라우저 에이전트를 추가해야 합니다. 브라우저 에이전트는 사이트의 성능을 모니터링하고 그 데이터를 뉴렐릭으로 보내는 JavaScript 코드 스니펫입니다.
시작하기 전에
먼저, 브라우저 앱이 뉴렐릭의 호환 요구사항을 충족하는지 확인하시기 바랍니다.
브라우저 에이전트 설치
브라우저 에이전트를 설치하는 방법에는 네 가지가 있습니다. 고유한 요구 사항에 맞게 다음 중 선택할 수 있습니다.
one.newrelic.com > Integrations & Agents > Browser and mobile > Browser monitoring으로 이동하여 안내에 따라 UI에서 브라우저 자바스크립트 스니펫 생성
스니펫이 있으면 <head>
태그 상단에 최대한 가깝게 붙여 넣습니다. 단, 위치에 민감한 META 태그(예: X-UA-Compatible
및 charset
) 뒤에 붙여 넣어야 합니다.
스니펫 배치에 대한 자세한 내용은 JavaScript 배치 요구 사항을 참조하십시오.
(npm을 통해 브라우저 에이전트를 설치하려면 @newrelic/browser-agent
패키지를 참조하십시오.)
프로그래밍이 가능한 방식으로 스니펫 브라우저를 생성하길 원하는 경우, GraphQL API 인 NerdGraph를 사용할 수 있습니다.
스니펫 브라우저를 생성하고 구성하는 방법에 대한 보다 자세한 내용은 NerdGraph 튜토리얼을 참조하십시오.
스니펫이 있으면 앱의 <head>
태그에 추가합니다.
여러 웹 앱에서 브라우저 모니터링 배포를 자동화하려는 경우 NerdGraph과 뉴렐릭의 배포 에이전트 npm 패키지를 사용해 에이전트 빌드 프로세스의 일부로 에이전트를 구성 및 배포할 수 있습니다.
보다 자세한 내용은 npm 및 NerdGraph를 사용해 여러 앱을 계측하는 방법을 참조하십시오.
다음 단계는?
브라우저 에이전트를 설치한 후 몇 분 정도 기다렸다가 브라우저 모니터링 UI에서 데이터를 찾습니다.
15분 이상 지났는데도 데이터가 표시되지 않으면 브라우저 설치 문제 해결을 확인하십시오.
UI에 브라우저 데이터가 표시되면 다음을 통해 데이터를 최대한 활용할 수 있습니다.