본문으로 건너뛰기

Svelte 환경 설치

SvelteKit과 같은 서버사이드 렌더링(Server-Side Rendering, SSR) 프레임워크에서 애플리케이션 모니터링을 위해 커스텀 서버 설정이 필요합니다. SvelteKit은 기본적으로 빌드된 결과를 다양한 환경에 배포할 수 있도록 어댑터(adapter)를 사용합니다. Node.js 에이전트를 적용하려면 SvelteKit의 설정 파일(svelte.config.js)에 코드를 추가해야 합니다.

노트

  • 참고 자료: Svelte Configuration

  • 이 문서는 svelte v3.54.0, sveltekit v1.5 가이드 문서 기준으로 작성되었습니다.

에이전트 설치하기​

다음 명령어를 이용해 에이전트를 설치하세요.

BASH
npm install whatap

에이전트 파일 구성​

에이전트 파일 구성은 다음을 참조하세요.

svelte.config.js 코드 작성하기​

Svelte 애플리케이션 인스턴스를 위한 svelte.config.js 파일을 수정하세요. 이 파일은 프로젝트의 루트(Root) 경로에 위치합니다.

Whatap 에이전트 초기화​

svelte.config.js
import WhatapAgent from 'whatap'; // ESM Module
WhatapAgent.NodeAgent;

애플리케이션 실행하기​

다음 명령어를 이용해 애플리케이션을 실행하세요.

SH
npm run preview

다음 단계​

  • 설치 점검하기

    프로젝트 생성 및 에이전트 설치까지 모두 적용했다면 다음 문서에서 점검 사항을 확인하세요.

  • 에이전트 설정

    에이전트 설정(whatap.conf) 파일에 옵션을 적용해 모니터링을 위한 다양한 기능을 제공합니다. 기본 설정부터 서버 연결 및 데이터 전송 설정, 여러 애플리케이션 서버의 설정 파일 관리 방법, 트랜잭션 추적 등을 포함합니다. 자세한 내용은 다음 문서를 참조하세요.

  • 모니터링 시작하기

    모든 설정을 완료한 다음 애플리케이션 서버를 다시 시작하세요. 에이전트가 정보를 수집하기 시작합니다. 먼저 애플리케이션 대시보드 메뉴에서 모니터링 데이터가 수집되는지 확인하세요. 애플리케이션 대시보드에 대한 자세한 내용은 다음 문서를 참조하세요.

최종 수정: