서비스펄스

서비스펄스

ServicePulse는 분산 애플리케이션에 대한 실시간 생산 모니터링을 제공합니다. 하나의 통합 대시보드에서 시스템 엔드포인트의 상태를 모니터링하고, 처리 오류를 감지하고, 재처리를 위해 실패한 메시지를 보내고, 특정 환경의 요구 사항이 충족되는지 확인합니다.

ServicePulse는 NServiceBus와 분산 시스템을 구축, 모니터링 및 디버깅하는 도구를 포함하는 특정 서비스 플랫폼의 일부입니다.

자세한 내용은 ServicePulse 설명서를 참조하세요.

개발을 위한 프로젝트 설정

ServiceControl 기본 및 ServiceControl 모니터링 인스턴스 설정

ServicePulse는 주로 ServiceControl 및 ServiceControl 모니터링 인스턴스에서 제공하는 데이터를 제공합니다.

두 서비스의 URL은 src/Frontend/public/js/app.constants.js 에서 설정할 수 있습니다.

패키지 관리자 설정

ServicePulse는 npm과 Bower를 패키지 관리자로 사용합니다. 솔루션이 작동하려면 ServicePulse 웹 사이트를 시작하기 전에 종속성을 다운로드해야 합니다.

종속성 설치

아직 설치하지 않은 경우 다음 종속성을 설치하십시오.

• 윈도우용 힘내
• Node.js
  • 참고: 로컬 환경에 node.js를 설치하거나 업데이트할 때 ci.yml 및 release.yml 워크플로의 node.js 버전이 로컬 환경 버전과 일치하는지 확인하는 것도 좋은 습관입니다. 단계 name: Set up Node.js

개발 환경 설정

0단계 - 프런트엔드 개발에 적합한 IDE 사용

Visual Studio 또는 Rider는 프런트엔드 개발에 적합한 IDE인 것처럼 보이지만 최신 프런트엔드 프레임워크, Linting 및 서식 지정에서는 신뢰성이 떨어지는 경향이 있습니다. 그렇기 때문에 프런트엔드 개발에서 더 큰 성공을 거두는 데 도움이 되는 추가 권장 사항이 있습니다.

1단계 - Vue.js 개발 서버 실행

ServicePulsesrcFrontend 로 이동하여 다음을 수행합니다.

• npm install 실행하여 모든 npm 종속성을 설치합니다.
• 다음 명령을 실행하십시오. npm run dev (이것은 포트 5173에서 개발 서버를 호스팅하고 /Frontend 디렉토리의 변경 사항을 감시하기 시작합니다)

git 하위 모듈이 올바르게 구성되지 않은 것과 관련된 오류로 인해 npm run dev 실패하는 경우 npm install 명령을 다시 실행하여 필요한 모든 종속성을 사용할 수 있는지 확인한 다음 npm run dev 실행하세요.

2단계 - 브라우저 열기

위 단계를 수행한 후 Vue.js 애플리케이션 실행 시 표시되는 URL로 이동하여 ServicePulse 애플리케이션을 확인하세요.

자동화된 테스트 실행

프런트엔드 자동화 테스트는 Vitest를 테스트 유틸리티용 테스트 프레임워크 및 테스트 라이브러리로 활용합니다. Vitest는 기본적으로 개발 환경의 watch mode 와 CI 환경의 run mode 두 가지 모드를 제공합니다. Watch mode 파일 저장 시 관련 테스트를 즉시 다시 실행하여 개발 중에 즉각적인 피드백을 제공합니다.

테스트를 실행하기 전에 개발 서버를 설정했는지 확인하세요. ServicePulsesrcFrontend 로 이동하고 npm install 실행하여 모든 npm 종속성을 설치합니다.

구성 요소 테스트 실행

ServicePulsesrcFrontend 로 이동하여 다음을 실행합니다.

 npm run test:component

이 명령은 ServicePulsesrcFrontendsrc 디렉터리와 해당 하위 디렉터리에 있는 모든 구성 요소 테스트 파일 *.spcs.ts 실행합니다. watch mode 활성화하면 파일 저장 시 관련 테스트만 다시 실행되므로 효율적인 테스트 개발이 가능합니다.

애플리케이션 테스트 실행

ServicePulsesrcFrontend 로 이동하여 다음을 실행합니다.

 npm run test:application

구성 요소 테스트와 유사하게 이 명령은 ServicePulsesrcFrontendtest 디렉터리와 해당 하위 디렉터리에 있는 모든 응용 프로그램 테스트 파일 *.spcs.ts 실행합니다.

테스트 커버리지 실행 중

ServicePulsesrcFrontend 로 이동하여 다음을 실행합니다.

 npm run test:coverage

이 명령은 테스트에 포함된 명령문, 분기, 함수 및 행의 비율을 나타내는 보고서를 생성합니다. 또한, 발견되지 않은 행 번호를 식별합니다.

npm 스크립트 제공

Vue.js

• dev - 소스 파일에 대해 핫 리로드를 수행하는 개발 서버를 시작하는 vite 를 실행합니다.
• build - 파일을 ..app 폴더로 출력하는 빌드 스크립트를 실행합니다.
• lint - eslint로 모든 vue, ts, js 파일을 확인합니다.
• type-check - 방출 없음 모드에서 TypeScript를 실행합니다.

비테스트

• test:application - Frontend/test 폴더에 있는 모든 애플리케이션 테스트를 실행합니다.
• test:component - Frontend/src 폴더 및 모든 하위 디렉터리에 있는 모든 구성 요소 테스트를 실행합니다.
• test:coverage - vitest.config.ts 에 정의된 파일에 대한 테스트 적용 범위 보고서를 실행합니다.

ServicePulse.Host.exe에서 실행

ServicePulse.Host.exe 를 통해 ServicePulse를 직접 실행할 수 있습니다.

1단계 - URL ACL 예약

ServicePulse.Host.exe는 자체 호스팅 웹 서버에 의존합니다. 프로젝트를 실행하려면 먼저 URL ACL 예약을 설정해야 합니다. 관리 권한으로 Visual Studio를 실행하거나 다음 명령을 실행하여 필요한 URL ACL 예약을 추가합니다.

add urlacl url=URL

여기서 URL 로컬 시스템에 구성된 URL입니다.

2단계 - ServicePulse 사이트 구축

명령줄에서 빌드 스크립트를 실행합니다.

 PowerShell -File .build.ps1

메모

Set-ExecutionPolicy Unrestricted -scope UserPolicy 사용하여 PowerShell 실행 정책을 변경해야 할 수도 있습니다.

3단계 - ServicePulse.Host.exe 실행

IDE에서 ServicePulse.Host 프로젝트를 빌드하고 실행합니다.

지원되는 브라우저 버전

ServicePulse는 다음 데스크톱 브라우저 버전에서 지원됩니다.

• Chrome 최신 주요 버전
• EdgeHTML v17+를 사용한 엣지
• 파이어폭스 ESR 현재 버전
• Safari 최신 주요 버전

컨테이너 이미지 개발

ServicePulse용 Dockerfile은 src/ServicePulse 폴더 내에 있습니다. 컨테이너 이미지는 모두 릴리스 워크플로의 일부로 빌드되고 Github Container Registry에 준비됩니다. PR이 있는 지점의 경우 이미지에 PR 번호(예: pr-1234 가 태그됩니다.