• /
  • EnglishEspañol日本語한국어Português
  • 로그인지금 시작하기

브라우저 에이전트 설치

을 시작하려면 모니터링하려는 뷰의 HTML에 브라우저 에이전트를 추가해야 합니다. 브라우저 에이전트는 사이트의 성능을 모니터링하고 그 데이터를 뉴렐릭으로 보내는 JavaScript 코드 스니펫입니다.

시작하기 전에

먼저, 브라우저 앱이 뉴렐릭의 호환 요구사항을 충족하는지 확인하시기 바랍니다.

브라우저 에이전트 설치

브라우저 에이전트를 설치하는 방법에는 네 가지가 있습니다. 고유한 요구 사항에 맞게 다음 중 선택할 수 있습니다.

one.newrelic.com > Integrations & Agents > Browser and mobile > Browser monitoring으로 이동하여 안내에 따라 UI에서 브라우저 자바스크립트 스니펫 생성

브라우저 스니펫 받기

스니펫이 있으면 <head> 태그 상단에 최대한 가깝게 붙여 넣습니다. 단, 위치에 민감한 META 태그(예: X-UA-Compatiblecharset) 뒤에 붙여 넣어야 합니다.

스니펫 배치에 대한 자세한 내용은 JavaScript 배치 요구 사항을 참조하십시오.

(npm을 통해 브라우저 에이전트를 설치하려면 @newrelic/browser-agent 패키지를 참조하십시오.)

APM 에이전트를 사용하면 코드에 스니펫을 수동으로 추가하지 않고도 브라우저 모니터링을 배포할 수 있습니다. 에이전트를 다시 시작하면 자동으로 최신 버전 브라우저 에이전트가 사용됩니다.

애플리케이션 성능 모니터링(APM) 에이전트를 사용하여 브라우저 앱의 백앤드를 모니터링하고 SPA가 아닌 앱이 있는 경우에는 이 방법을 사용하는 것이 좋습니다.

각 APM 에이전트마다 고유한 단계가 있습니다.

프로그래밍이 가능한 방식으로 스니펫 브라우저를 생성하길 원하는 경우, GraphQL API 인 NerdGraph를 사용할 수 있습니다.

스니펫 브라우저를 생성하고 구성하는 방법에 대한 보다 자세한 내용은 NerdGraph 튜토리얼을 참조하십시오.

스니펫이 있으면 앱의 <head> 태그에 추가합니다.

여러 웹 앱에서 브라우저 모니터링 배포를 자동화하려는 경우 NerdGraph과 뉴렐릭의 배포 에이전트 npm 패키지를 사용해 에이전트 빌드 프로세스의 일부로 에이전트를 구성 및 배포할 수 있습니다.

보다 자세한 내용은 npm 및 NerdGraph를 사용해 여러 앱을 계측하는 방법을 참조하십시오.

다음 단계는?

브라우저 에이전트를 설치한 후 몇 분 정도 기다렸다가 브라우저 모니터링 UI에서 데이터를 찾습니다.

15분 이상 지났는데도 데이터가 표시되지 않으면 브라우저 설치 문제 해결을 확인하십시오.

UI에 브라우저 데이터가 표시되면 다음을 통해 데이터를 최대한 활용할 수 있습니다.

이 문서가 설치하는데 도움이 되셨나요?

Copyright © 2024 New Relic Inc.

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