헤드리스 브라우저 및 텔레그램으로 React 웹사이트 성능 모니터링하기

소개

헤드리스 브라우저와 텔레그램을 사용하여 리액트 기반 웹사이트에 대한 모니터링 서비스를 만드는 방법을 알아보세요. 이 가이드는 텔레그램 봇을 설정하고 헤드리스 브라우저와 통합하여 웹사이트의 성능을 모니터링하는 방법을 안내합니다.

텔레그램 봇 설정하기

텔레그램 봇을 생성하여 성과 보고를 자동화하는 것부터 시작하세요.

1. Google에서 BFA를 검색하고 봇과 대화를 시작합니다.
2. 새 봇을 선택하고 Light Not WebBot과 같은 이름을 지정한 다음 사용자 아이디를 설정합니다.
3. 봇에서 제공하는 액세스 토큰은 나중에 필요하므로 메모해 두세요.
4. 도움말을 클릭하고 그룹 참여를 선택한 다음 봇을 선택하여 봇이 그룹에 참여할 수 있도록 설정합니다.
5. 봇이 실적 보고서를 보낼 그룹을 만듭니다. 봇을 이 그룹에 초대하고 그룹 채팅 ID를 메모합니다.

심야에 모니터링 시나리오 만들기

모니터링 시나리오를 설정하려면 Light N 플랫폼으로 전환하세요:

1. 새 시나리오를 만들고 다음 트리거를 추가합니다:
• 스케줄 트리거: 설정된 간격으로 시나리오를 활성화합니다.
• 웹후크 트리거: 웹훅 링크를 통해 수동 활성화를 허용합니다.
2. 헤드리스 브라우저 노드를 추가하여 웹사이트 검사를 수행합니다. 인증 페이지로 이동하는 코드를 포함하고 '계정 만들기' 텍스트가 있는지 확인합니다.
3. 두 개의 텔레그램 노드를 추가하여 헤드리스 브라우저의 결과를 기반으로 메시지를 전송합니다:
• 문자 메시지를 보냅니다: 인증에 성공하면 긍정적으로 보고합니다.
• 문자 메시지를 보냅니다: 인증에 실패하면 부정적 보고.
4. 액세스 토큰과 그룹 채팅 ID를 입력하여 텔레그램 노드에 권한을 부여합니다.
5. 성공 및 오류 조건에 대한 필터를 설정합니다:
• 성공 필터: 헤드리스 브라우저의 결과가 참인 경우 활성화됩니다.
• 오류 필터: 결과가 거짓인 경우 활성화됩니다.
6. 시나리오를 배포하고 웹훅을 트리거하여 작동을 확인합니다.
7. 실행 기록 탭에서 실행 로그를 확인하고 텔레그램 메시지를 확인합니다.

결론

헤드리스 브라우저와 텔레그램을 사용하여 웹사이트 모니터링 서비스를 성공적으로 만들었습니다. 바로 사용 가능한 템플릿과 추가 지원은, 설명에 있는 링크를 참조하세요. 좋아요를 누르고, 구독하고, 벨을 눌러 더 많은 튜토리얼을 받아보세요. 행복한 자동화가 되시길 바랍니다!