서버리스를 기반으로 한 빠른 퀴즈
HTML, CSS 및 JavaScript를 기반으로합니다. 질문에는 20 초 윈도우 타이머가있어 다음 질문이 자동으로로드됩니다.
전체 백엔드는 서버리스 기술 : AWS Lambda를 기반으로합니다. 세 가지 람다 기능이 있습니다.
응용 프로그램은 두 개의 테이블을 사용합니다.
전화기 | 사용자 이름 | 설문 조사 |
---|---|---|
999999999 | Srushith | 5 |
888888888 | 라미트 | 8 |
7777777777 | Ashvini | 7 |
전화기 | 사용자 이름 | 설문 조사 | 답변 | 시간대 |
---|---|---|---|---|
999999999 | Srushith | 5 | 4 | 15 |
888888888 | 라미트 | 8 | 2 | 8 |
7777777777 | Ashvini | 7 | 1 | 11 |
퀴즈는 레지스터 페이지 (index.html)에서 시작됩니다. 여기서 플레이어는 이름 및 전화 번호와 같은 정보를 작성할 수 있습니다.
그림 1 : 등록 페이지
사용자가 '등록'버튼을 클릭하면 registration_check lambda가 호출되어 동일한 전화 번호의 이전 항목에 대해 registration_info 테이블을 확인합니다. 발견되면 해당 전화기의 설문지 값을 반환하고 0 (0)을 반환하지 않으면 반환하십시오. 0이 아닌 값을 받으면 이전 세션을 재개하여 'value+1'질문이 표시됩니다. 0이되면 퀴즈가 처음부터 시작됩니다.
그림 2 : 질문 페이지
그림 2는 사용자가 네 가지 옵션 중 하나를 선택하고 답변을 제출하려면 제출을 클릭 할 수있는 샘플 질문 페이지를 보여줍니다. 사용자가 '제출'버튼을 클릭하면 update_db lambda 함수는 '전화 번호', '사용자 이름', '질문', '답변', '시간', '시간'이 매개 변수로 호출됩니다. 이 Lambda는 답과 업데이트를 위해 Verfies입니다
여기에서 게임의 확인 단계가 발생합니다. 답이 올바른 경우에만 데이터베이스의 사용자를위한 항목이 시간, 질문 번호 및 플레이어의 이름으로 이루어집니다.
사용 사례의 경우 RDS (Relational Database)의 데이터베이스로 MySQL을 가져 왔습니다. 여기에서 추가 정보를 확인할 수 있습니다.
참고 : 보안 문제의 경우 RDS 데이터베이스에 할당 된 보안 그룹을 확인하십시오.
다음 단계로 구성됩니다.
참고 : S3 버킷의 CORS 구성을 활성화해야합니다. 지침은이 게시물을 참조하십시오.
MIT 라이센스