방문자는 순서대로, 서버는 감당할 수 있는 속도로. Spillway로 오픈 순간의 트래픽을 정돈하고 고객에게 기다릴 수 있는 경험을 만드세요.
내 앞에 남은 대기자
티켓 오픈, 한정 판매, 이벤트 응모처럼 짧은 시간에 접속이 몰리면 서버를 늘려도 순간 트래픽을 따라가기 어렵습니다. 오류 화면을 본 고객은 새로 고침을 반복해 상황은 더 나빠집니다.
들어온 순서대로 번호를 받고, 앞에 몇 명이 남았는지와 예상 시간을 보며 기다립니다. 새로 고침해도 순번은 그대로입니다.
초당 입장 인원을 정해 두면 그 속도로만 들여보냅니다. 서버는 늘 감당할 수 있는 양만 받습니다.
여유가 생기면 속도를 올리고, 문제가 생기면 낮춥니다. 콘솔에서 바꾸면 기다리는 화면에 바로 반영됩니다.
브라우저 SDK는 프런트엔드 프레임워크에 관계없이 사용할 수 있습니다. 페이지와 API를 실제로 보호하는 서버 연동은 현재 Cloudflare Workers 가드를 사용합니다.
사이트 Worker 맨 앞에 한 줄을 넣습니다.
const blocked = await guardPage(req, env, { tenant: "my-shop", engineUrl });
if (blocked) return blocked;콘솔에서 대기 대상 주소(예: /event/*)나 API(예: POST /api/orders)와 입장 속도를 정합니다.
사람이 몰리면 자동으로 줄이 생기고, 한가할 때는 아무도 기다리지 않습니다. 콘솔에서 실시간으로 지켜보며 조절합니다.
대기열 운영에 필요한 것만 담았습니다.
정해진 주소에 들어올 때 줄을 세웁니다. 오픈 이벤트 페이지나 메인 페이지에 알맞습니다. 사이트 코드는 가드 한 줄이면 됩니다.
React·Vue 등 어떤 프런트엔드에서도 SDK로 연결할 수 있습니다. 페이지는 자유롭게 보고 구매·예약·전송 버튼을 누를 때만 줄을 섭니다. 서버 API 보호에는 Cloudflare Workers 가드 연동이 필요합니다.
주문서부터 결제까지처럼 한 흐름 안에 머무는 인원을 제한합니다.
대기 인원·예상 시간을 보며 입장 속도 조절, 즉시 해제, 대기자 일괄 입장, 켜기·끄기를 바로 실행합니다.
문구·색상·로고·공지를 콘솔에서 바꾸고, 저장 전에 휴대폰·PC 미리보기로 확인합니다. 대기실마다 다르게 꾸밀 수 있습니다.
엔진에 문제가 생기면 대기 없이 통과시켜 사이트가 막히지 않습니다. 입장권은 고객사별 키로 서명돼 위조할 수 없습니다.
대상 주소·API, 속도, 화면을 바꿔도 사이트를 다시 배포할 필요가 없습니다. 변경 이력에서 언제든 되돌립니다.
고객사 관리자 계정을 여러 명 둘 수 있고, 누가 언제 무엇을 바꿨는지 조작 기록이 남습니다.
전 세계 엣지에서 대기열이 동작해 대기 화면이 빠르게 뜨고, 대기실마다 순번이 정확히 매겨집니다.
브라우저 안에서 대기열을 흉내 낸 체험판입니다. 오른쪽에서 방문자를 몰려오게 한 뒤 [예매하기]를 눌러 보세요. 한가할 때는 대기 창 없이 바로 진행됩니다.
실제 콘솔의 [대기 현황]과 같은 조작입니다.
네. sdk.js는 브라우저에서 동작하므로 프런트엔드 프레임워크에 관계없이 버튼·이벤트 대기 창을 붙일 수 있습니다. 다만 SDK만으로 서버 요청을 차단할 수는 없습니다. 페이지와 API를 보호하려면 현재 Cloudflare Workers 가드를 연동해야 하며, 다른 서버 환경은 별도의 서버 측 토큰 검증 연동이 필요합니다.
아니요. 엔진에 연결할 수 없으면 가드와 대기 창 모두 대기 없이 통과시킵니다. 대기열 때문에 사이트가 막히지 않도록 설계했습니다.
정해진 시간(기본 2시간) 안에 다시 오면 순번이 유지됩니다. 입장한 뒤에는 정해진 시간(기본 10분) 동안 다시 줄을 서지 않습니다.
주요 검색엔진 봇과 CSS·JS·이미지 같은 정적 파일은 자동으로 통과합니다.
네. 서비스 이름, 제목, 안내 문구, 공지, 색상, 로고, 배경 이미지를 콘솔에서 바꾸고 미리보기로 확인할 수 있습니다.