자동 확장 가능한 콘서트 티켓 예매 사이트 구축하기

이재홍 http://www.pyrasis.com 2014.03.24 ~ 2014.06.30

티켓 예매 사이트 동작 확인하기

이제 모든 구현과 서버 구축이 끝났습니다. 웹 브라우저를 두 개 실행하고 웹 서버용 CloudFront 배포 주소에 접속합니다(도메인을 구입하여 연결했다면 해당 도메인으로 접속합니다). 저는 구글 크롬과 IE를 실행했습니다.

사이트에 접속하면 로그인을 대신할 ID 입력 창이 표시됩니다. 사용할 ID를 입력합니다. 마찬가지로 두번째 웹 브라우저에서도 ID 입력창에 ID를 입력합니다(앞에서 입력한 ID와 다르게 입력합니다).


그림 32-19 ID 입력 창

첫 번째 웹 브라우저에서 아무거나 좌석 하나를 클릭합니다.


그림 32-20 구축한 티켓 예매 사이트에 접속

클릭한 좌석이 오랜지 색으로 바뀌고, 결제 창이 표시됩니다. 지금 이 상태가 예약 상태입니다.


그림 32-21 좌석 클릭

두 번째 웹 브라우저의 화면을 보면 실시간으로 L-15 좌석이 오랜지색으로 바뀌고, 예약 상태가 됩니다. 예약 상태에서는 다른 사람이 예약하거나 결제할 수 없습니다.


그림 32-22 두 번째 웹 브라우저에서 실시간으로 좌석이 예약 상태로 변경

다시 첫 번째 웹 브라우저의 결제 창에서 결제 버튼을 클릭합니다. 만약 취소 버튼을 클릭하면 결제 창이 닫히고 예약한 좌석은 다시 흰색으로 바뀌고, 취소 상태가 됩니다.


그림 32-23 좌석 결제

첫 번째, 두 번째 웹 브라우저 모두 실시간으로 L-15 좌석이 초록색으로 바뀌고, 결제 상태가 됩니다. 결제 상태에서는 다른 사람이 예약하거나 결제할 수 없습니다.


그림 32-24 실시간으로 좌석이 결제 상태로 변경

예제이기 때문에 구현을 간단하게 했습니다. 실무에서 서비스를 구축한다면 사용자 가입과 로그인 처리, 결제 전 예약 상태가 길어지면 자동 취소하는 기능, 보안 등 세세한 부분까지 고려를 해야 할 것입니다.

티켓 예매 사이트 예제는 AWS 리소스를 활용하는 방법을 설명하기 위한 예제입니다. 따라서 실제 서비스에서 요구되는 성능이나 안정성, 신뢰성, 편의성을 보장하지 않습니다.


저작권 안내

이 웹사이트에 게시된 모든 글의 무단 복제 및 도용을 금지합니다.
  • 블로그, 게시판 등에 퍼가는 것을 금지합니다.
  • 비공개 포스트에 퍼가는 것을 금지합니다.
  • 글 내용, 그림을 발췌 및 요약하는 것을 금지합니다.
  • 링크 및 SNS 공유는 허용합니다.