순번대기열 서비스 DEMO

온라인 순번대기열 서비스의 실제 동작을 확인 할 수 있습니다.

이 페이지에서 소개된 유량제어 방식은 GIT으로 SAMPLE CODE를 제공하므로 『도입 검토 목적』에 한해 자유로운 기술검토가 가능합니다.

 

Backend 방식

적용 대상 GET 방식으로 접속되는 페이지
  • 대기자가 있는 경우에만 대기열 UI가 표시됩니다.
  • 목적(Target)페이지에 간단한 Server-side 코딩이 필요(샘플제공).
  • 이 데모에서는 페이지에 삽입된 Backend code에 의해 페이지 로드 시 유량제어를 체크합니다.
  • 유량제어 체크 결과 대기가 필요하면 대기UI가 표시되고, 그렇지 않으면 본래의 컨텐츠가 표시됩니다.
Backend 방식

INTRO 방식 Backend(Validation) + Intro Page(Waiting)

적용 대상 GET/POST 모든 방식 페이지
  • 웹사이트 내부 또는 외부 CDN에 Intro 페이지(Static HTML Page)를 배치하여 유입량을 제어합니다.
  • 업무 페이지에는 토큰 유효성 체크 실패 시 INTRO 페이지로 REDIRECT 처리를 합니다.
  • 웹사이트 인프라의 성능이 너무 낮거나, 대규모 오픈런(openrun)이 예상되는 경우 권장됩니다.
  • INTRO 페이지는 성능을 고려하여 Static page(html), 또는 경량화한 Dynamic page(php, jsp,...)가 권장됩니다.
  • 오픈런 대응을 위해 일정 시간(예: 오픈전 10분)동안 INTRO 페이지에 묶어두는 유입차단 기능을 이용할 수 있습니다.
INTRO 방식

Frontend 방식

적용 대상 submit, ajax call, link 등 frontend에서 시작하는 트랜잭션
  • 대기열 UI가 페이지 내에서 Popup되어 표시됩니다.
  • 웹사이트 페이지 내의 저장(제출)하기 버튼 등 트랜잭션을 유발하는 지점에 사용합니다.
  • 트랜잭션이 설정된 수량만큼 순차적으로 발생하기 때문에 DB 등의 Application Server를 과부하로부터 막을 수 있습니다.
  • 이 Demo에서는 참가신청하기 버튼 클릭(Click) 이벤트의 Callback 부에서 대기열을 호출합니다.
Frontend 방식
Homepage