Elastic APM Architecture

백엔드

1. Elastic APM Server 설치 및 구동
2. Elastic APM Port Security group 설정 (8200) 0.0.0.0/0 ??

프론트엔드

APM Agent 관련 설정

Framework-specific integrations | APM Real User Monitoring JavaScript Agent Reference [5.x] | Elastic

react, angular, vue의 경우 해당 링크 참조

• React Integration
• Angular Integration
• Vue Integration

html <script>에 넣고 싶다면 다음과 같이 설정

<script src="<https://your-cdn-host.com/path/to/elastic-apm-rum.umd.min.js>" crossorigin></script>
<script>
  elasticApm.init({
    serviceName: '{your-app-name}',
    serverUrl: '<http://15.164.166.81:8200>',
  })
</script>