방송TIP 0

웹페이지 : https://tgd-comment-lottery.vercel.app/

크롬 익스텐션 : https://chrome.google.com/webstore/detail/%ED%8A%B8%EA%B2%8C%EB%8D%94-%EB%8C%93%EA%B8%80-%EC%B6%94%EC%B2%A8%EA%B8%B0/mjnbbokaaeahhcpkdchkamccchedcldd?hl=ko

사실 아무런 이유는 없구요, 그냥 갑자기 삘 받아서 만들었습니다.

스트리머 분들께서 트게더에 달린 댓글을 가지고 추첨을 통해 이벤트를 하는 경우가 많은데요, 이를 좀 더 편하게 할 수 있도록 만들어봤습니다.

찾아보니 이전에 별도의 프로그램을 내려 받아서 쓰는 방식은 있었지만 별도의 설치를 할 필요가 없이 페이지에 접속하면 바로 쓸 수 있도록 만들었습니다. (최종적인 목표는 크롬 익스텐션으로 제작하여 배포하는 것이지만 요구 사항이 상당히 까다로워서 일단 보류했습니다.)

왼쪽에 게시물의 URL을 입력하고 버튼을 누르면 중복 된 데이터를 제외하고 댓글을 단 모든 사람의 닉네임이 리스트로 나오고, 추첨 할 인원 수를 오른쪽에 입력하여 추첨을 할 수 있습니다.

혹시나 구현한 방식을 궁금해 하실까봐 말씀드리면 트게더 서버에 주는 부담을 최소화하기 위해 웹페이지를 스크래핑하는 방식은 전혀 고려하지 않았습니다.

게시물 페이지에서 댓글을 불러오는 API를 찾아내서 사용했고 (크롬 개발자 도구의 Network 탭을 샅샅히 뒤져본건 안 함정...), 트게더 이외의 웹페이지에서 바로 API 요청이 안되는 관계로 'AWS API Gateway + AWS Lambda' 조합으로 일종의 Proxy API 서버를 만들어 쓰고 있습니다.

그러니 제발 공식 API좀....

2022.03.27 업데이트 : 크롬 익스텐션을 위한 작업 완료하였고 현재 승인 대기 중에 있습니다. 웹페이지는 크롬 익스텐션과 별개로 계속 유지할 예정입니다.

2022.03.29 업데이트 : 크롬 익스텐션 배포가 완료되었습니다.

2022.03.31 업데이트 : 크롬 익스텐션 아이콘을 눌러도 페이지가 뜨지 않는 오류를 수정했습니다. (배포 완료)