fastest finger first

最初に最速の指

サーバーレスに基づくクイッククイズ

特徴

• 時間とスコアに基づくゲームスコアの自動並べ替え
• ログアウトの場合に試みられた最後の質問から始めます
• 各質問のタイムアウトセッション。
• AWSラムダ関数を使用して有効になっている回答の検証。
• 各プレーヤーの同期開始時間
• 時間の1つのインスタンスで一緒にプレイする最大100人のプレイヤーの容量。

建築

フロントエンド

HTML、CSS、およびJavaScriptに基づいています。質問には20秒のウィンドウタイマーがあり、その後、次の質問は自動的にロードされます。

バックエンド

バックエンド全体は、サーバーレステクノロジーの上に構築されています：AWS Lambda。 3つのラムダ関数があります。

1. Registration_Check（Register.py）：登録されたユーザーが最後のセッションから再開できるようにします。新規ユーザーは新たに開始します。
2. update_db（update_rds.py）：回答が送信されるたびに、このlambda関数はdbを更新します。
3. build_leadership_borad（app.py）：jsonソートファイルをS3バケットにアップロードします。 「App.py」はPythonコードです。
4. get_individual_score（get_score.py）：クイズの最後にユーザーの個々のスコア（正解の数と総時間が消費される）を取得します。

アプリケーションは2つのテーブルを使用します。

1. 登録_INFO：ユーザーの最後の試行された質問の詳細を保存します。 3つの列があります - 電話番号（プライマリキー）、ユーザー名、アンケートサン。サンプルテーブルがこれを望みます：

電話	ユーザー名	アンケート
999999999	srushith	5
8888888888	ラミット	8
7777777777	アシュヴィーニ	7

2. user_data：電話番号（プライマリキー）、ユーザー名、質問番号、回答、時間（秒単位）などのユーザーデータを保存します。サンプルテーブルがこれを望みます：

電話	ユーザー名	アンケート	答え	タイムテイク（s）
999999999	srushith	5	4	15
8888888888	ラミット	8	2	8
7777777777	アシュヴィーニ	7	1	11

クイズはレジスタページ（index.html）から始まります。ここでプレイヤーは、名前や電話番号などの情報を入力できます。

図1：登録ページ

ユーザーが[登録]ボタンをクリックすると、登録_Check lambdaが呼ばれ、同じ電話番号の以前のエントリに対して登録_INFOテーブルをチェックします。見つかった場合、その電話機のアンケートの値を返し、ゼロ（0）を返す場合は返されます。ゼロ以外の値を受信すると、「値+1」の質問が表示され、前のセッションが再開されます。ゼロが受信された場合、クイズは最初から始まります。

図2：質問ページ

図2は、ユーザーが4つのオプションのうちを選択し、回答を送信するために送信をクリックすることができるサンプル質問ページを示しています。ユーザーが[送信]ボタンをクリックすると、update_db lambda関数は「電話番号」、「ユーザー名」、「質問」、「回答」、「時間」と呼ばれます。このラムダ関数は、答えと更新のためにバージングされます

ここで、ゲームの検証ステップが発生します。回答が正しい場合、データベース内のユーザーには、時間、質問番号、プレーヤーの名前とともにエントリが作成されます。

RDSセットアップ

ユースケースでは、MySQLをRDS（リレーショナルデータベース）のデータベースとして採用しました。詳細についてはこちらをご覧ください。

注：セキュリティの問題がある場合は、RDSデータベースに割り当てられたセキュリティグループを確認してください。

S3

次の手順で構成されています。

1. S3バケットを作成します。
2. 空のJSONファイルをS3バケットに入れます。
3. ファイルの読み取りと書き込みの許可を変更して、必ずファイルを公開してください。

注： S3バケットのCORS構成を有効にすることを忘れないでください。指示については、この投稿を参照してください。

ライセンス

MITライセンス