Google Chrome용 CloudWatch Synthetics Recorder 사용
Amazon은 canary를 더욱 쉽게 생성할 수 있도록 지원하기 위해 CloudWatch Synthetics Recorder를 제공합니다. 레코더는 Google Chrome 확장 프로그램입니다.
레코더는 웹 사이트에서의 클릭 및 입력 작업을 기록하고 동일한 단계를 따르는 canary를 생성하는 데 사용할 수 있는 Node.js 스크립트를 자동으로 생성합니다.
기록을 시작하면 CloudWatch Synthetics Recorder가 브라우저에서의 작업을 감지하고 이를 스크립트로 변환합니다. 필요에 따라 기록을 일시 중지하고 다시 시작할 수 있습니다. 기록을 중지하면 레코더가 작업에 대해 Node.js 스크립트를 생성합니다. [클립보드에 복사(Copy to Clipboard)] 버튼을 사용하면 이 스크립트를 쉽게 복사할 수 있습니다. 그런 다음, 이 스크립트를 사용하여 CloudWatch Synthetics에서 canary를 생성할 수 있습니다.
크레딧: CloudWatch Synthetics Recorder는 헤드리스 레코더
Google Chrome용 CloudWatch Synthetics Recorder 확장 프로그램 설치
CloudWatch Synthetics Recorder를 사용하려면 canary 생성을 시작하고 canary 레코더(Canary Recorder) 블루프린트를 선택하면 됩니다. 레코더를 아직 다운로드하지 않았을 때 이 작업을 수행하면 CloudWatch Synthetics 콘솔에서 레코더 다운로드 링크를 제공합니다.
또는 다음 단계에 따라 레코더를 직접 다운로드하여 설치할 수 있습니다.
CloudWatch Synthetics Recorder를 설치하려면
Google Chrome을 사용하여 다음 웹 사이트로 이동합니다. https://chrome.google.com/webstore/detail/cloudwatch-synthetics-rec/bhdnlmmgiplmbcdmkkdfplenecpegfno
[Chrome에 추가(Add to Chrome)]를 선택한 다음, [확장 프로그램 추가(Add extension)]를 선택합니다.
Google Chrome용 CloudWatch Synthetics Recorder 사용
CloudWatch Synthetics Recorder를 사용하여 canary를 생성하려면 CloudWatch 콘솔에서 canary 생성(Create canary)을 선택한 다음, 블루프린트 사용(Use a blueprint)에서 canary 레코더(Canary Recorder)를 선택하면 됩니다. 자세한 내용은 canary 생성 단원을 참조하세요.
또는 레코더를 사용하여 canary를 생성하는 데 단계를 즉시 사용하지 않고 기록만 할 수도 있습니다.
CloudWatch Synthetics Recorder를 사용하여 웹 사이트 작업 기록
모니터링하려는 페이지로 이동합니다.
Chrome 확장 프로그램 아이콘을 선택한 다음, [CloudWatch Synthetics Recorder]를 선택합니다.
[기록 시작(Start Recording)]을 선택합니다.
기록하려는 단계를 수행합니다. 기록을 일시 중지하려면 [일시 중지(Pause)]를 선택합니다.
워크플로 기록을 마쳤으면 [기록 중지(Stop recording)]를 선택합니다.
[클립보드에 복사(Copy to clipboard)]를 선택하여 생성된 스크립트를 클립보드에 복사합니다. 또는 다시 시작하려면 [새 기록(New recording)]을 선택합니다.
복사한 스크립트를 사용하여 canary를 생성하려면 복사한 스크립트를 레코더 블루프린트 인라인 편집기에 붙여넣거나 Amazon S3 버킷에 저장하고 거기에서 가져오면 됩니다.
canary를 즉시 생성하지 않을 경우 기록된 스크립트를 파일에 저장할 수 있습니다.
CloudWatch Synthetics Recorder의 알려진 제한 사항
Google Chrome용 CloudWatch Synthetics Recorder에는 현재 다음과 같은 제한 사항이 있습니다.
ID가 없는 HTML 요소는 CSS 선택기를 사용합니다. 이러면 나중에 웹 페이지 구조가 변경되는 경우 canary가 손상될 수 있습니다. 향후 레코더 버전에서 이와 관련된 몇 가지 구성 옵션(예: data-id 사용)을 제공할 계획입니다.
레코더는 두 번 클릭 또는 복사/붙여넣기와 같은 작업을 지원하지 않으며 CMD+0과 같은 키 조합을 지원하지 않습니다.
페이지에 요소 또는 텍스트가 있는지 확인하려면 스크립트가 생성된 후 사용자가 어설션을 추가해야 합니다. 레코더는 요소 확인을 지원하지 않으며 해당 요소에 대한 어떠한 작업도 수행하지 않습니다. 이는 canary 워크플로 빌더의 ‘텍스트 확인’ 또는 ‘요소 확인’ 옵션과 유사합니다. 향후 레코더 버전에서 일부 어설션 지원을 추가할 계획입니다.
레코더는 기록이 시작된 탭의 모든 작업을 기록합니다. 팝업(예: 위치 추적 허용) 또는 팝업에서 다른 페이지로의 이동을 기록하지 않습니다.
