문제
브라우저 앱에 대한 AJAX 데이터 가 표시되지 않습니다.
해결책
응용 프로그램이 브라우저 모니터링으로 계측되고 다른 Pro 기능 에 대한 데이터를 올바르게 수집하는 경우 다음 단계를 따르십시오.
애플리케이션이 XMLHttpRequest
객체 를 사용하여 AJAX 호출을 수행하는지 확인하십시오.
브라우저 모니터링: 현재 다른 방법(최신 Fetch API 포함)은 브라우저 Pro를 사용할 때 지원되지 않습니다.
단일 페이지 앱 모니터링: Fetch는 SPA 모니터링 과의 브라우저 상호 작용 내에서 AJAX 요청에 대해 지원됩니다.
JSONP 를 사용하여 요청하는 경우 JSONP 요구 사항 을 참조하십시오.
XMLHttpRequest
을 사용하는 경우 브라우저의 개발 콘솔을 사용하여 객체가 New Relic에 의해 계측되었는지 확인합니다. 콘솔에 개체 이름을 입력합니다.
계측이 성공하면 콘솔은 다음과 같은 내용을 반환해야 합니다.
function (t){var e=new p(t);try{u.emit("new-xhr"...
계측이 실패하면 다음과 같이 표시됩니다.
function XMLHttpRequest() { [native_code] }
이러한 유형의 실패 응답이 표시되면 브라우저 모니터링 설치 문제 해결 을 참조하십시오. 다른 응답이 표시되면 New Relic 계측과 충돌하는 다른 스크립트 또는 라이브러리를 사용 중일 수 있습니다. support.newrelic.com 에서 지원에 문의하십시오.
개체가 올바르게 계측된 경우 브라우저의 개발자 도구에서 네트워크 트래픽을 모니터링하는 동안 응용 프로그램에서 AJAX 호출을 트리거해 보십시오. 최대 1분 동안 기다렸다가 xhr
매개변수를 사용하여 bam.nr-data.net/jserrors
에 대한 호출을 찾습니다. 호출이 실패하면 네트워크 문제를 확인하십시오.
이 호출이 표시되지 않거나 네트워크 액세스와 관련이 없는 오류로 실패하거나 성공했지만 여전히 데이터가 표시되지 않는 경우 support.newrelic.com 에서 지원을 받으십시오.
요청에서 JSONP를 사용하는 경우 아래 기능에 대한 요구 사항 및 참고 사항을 참조하세요.
요청이 JSONP 를 사용하는 경우 이러한 요청은 AJAX UI 페이지 에 나타나지 않습니다. 그러나 세션 추적 내에서 자산으로 볼 수 있습니다. SPA 모니터링을 사용하는 경우 페이지 보기 페이지의 분류 탭에서 볼 수 있습니다.
JSONP를 인식하기 위한 요구 사항:
- 각 JSONP 요청은 고유한 콜백 함수를 사용해야 합니다. jQuery와 같은 가장 인기 있는 라이브러리는 각 요청에 대해 동적으로 고유한 콜백 함수를 생성합니다.
- New Relic에서 인식하려면 쿼리 문자열 콜백의 이름을
"callback"
또는"cb"
로 지정해야 합니다. 이것은 가장 많이 사용되는 라이브러리의 기본 동작입니다.