소스 맵을 브라우저에 업로드하는 가장 쉽고 권장되는 방법은 새로운 @newrelic/publish-sourcemap npm 모듈 을 사용하는 것입니다. 이 작업을 수행하기 위해 명령줄 도구와 Javascript API를 제공합니다. 더 많은 문서는 npm repo에서 사용할 수 있습니다.
다음은 명령줄을 통해 npm 모듈을 사용하는 몇 가지 예입니다.
중요
다음 예는 미국 계정에 대한 것입니다. EU 계정의 경우 엔드포인트는 https://sourcemaps.service.eu.newrelic.com 입니다. 자세한 내용 은 EU 지역 데이터 센터 소개 를 참조하십시오.
다음은 명령줄을 통해 npm 모듈을 사용하여 소스 맵을 업로드하는 예입니다. 소스 맵은 로컬 파일이나 원격 URL에서 가져올 수 있습니다.
list-sourcemaps --applicationId=YOUR_APP_ID --apiKey=YOUR_NEW_RELIC_USER_KEY
Options:
--applicationId Browser application id
--apiKey New Relic user API key
다음은 소스 맵을 삭제하는 예입니다.
delete-sourcemap --applicationId=YOUR_APP_ID --apiKey=YOUR_NEW_RELIC_USER_API_KEY --sourcemapId=YOUR_SOURCE_MAP_ID
Options:
--applicationId Browser application id
--apiKey New Relic user API key
--sourcemapId Unique id generated for a source map
다음은 npm 모듈을 사용하여 클라이언트 측 JavaScript에서 게시하는 몇 가지 예입니다.
var listSourcemaps = require(‘@newrelic/publish-sourcemap’).listSourcemaps
listSourcemaps({
applicationId: YOUR_NEW_RELIC_APP_ID,
apiKey: 'YOUR_NEW_RELIC_USER_API_KEY',
limit: [Max number of results to return || 20]: ,
offset: [Number of results to skip before returning || 0]: ,
}, function (err, res) { console.log(err || res.sourcemaps)})
다음은 Node.js 스크립트를 통해 소스 맵 파일을 삭제하는 예입니다.
var deleteSourcemap = require(‘@newrelic/publish-sourcemap’).deleteSourcemap
deleteSourcemap({
sourcemapId: 'SOURCE_MAP_ID',
applicationId: YOUR_NEW_RELIC_APP_ID,
apiKey: 'YOUR_NEW_RELIC_USER_API_KEY',
}, function (err) { console.log(err || 'Deleted source map')})
완료되면 브라우저에서 JS 오류 페이지 로 이동하여 오류 그룹을 선택하고 오류 스택 추적이 축소되지 않았는지 확인합니다.