Skip to content

niwatoliver/sec-kensyu-2020

Repository files navigation

セキュリティ研修用アプリケーション2020

https://sec-kensyu-2020.web.app/

セットアップ方法

リポジトリをクローン

$ git clone https://github.com/minakawa-daiki/sec-kensyu-2020.git

Firebaseプロジェクトの作成

https://console.firebase.google.com/ からプロジェクトを作成してください。 作成が完了したら、FirestoreStorageHostingFunctionsの設定を行い、 アプリを追加し、各種キーの取得をしておいてください。

Firebase Authenticationの設定

今回、Firebaseのパスワードログインを問題に組み込んでいるため、 Firebase AuthenticationSign-in methodから「ログイン プロバイダ」の「メール / パスワード」を 有効にしてください。

サービスアカウントから秘密鍵の生成

Firebase上のサービスアカウントから新しい秘密鍵の生成をし、 ./admin/serviceAccount.jsonという形で配置してください。

このファイルは機密情報ですので、大事に扱ってください

.firebasercの設定

$ cp .firebaserc.sample .firebaserc

.firebaserc ファイルの default に、作成したFirebaseのプロジェクトIDを設定してください。

.envの設定

.envファイルに、作成したFirebaseの情報や、問題に使用する内容をセットしてください。

  • SITE_TITLE: サイトのヘッダー部分に表示するタイトル
  • PRIMARY_COLOR: サイトで使用するメインの色(先頭に\を付けてください)
  • SECONDARY_COLOR: サイトで使用するサブの色(先頭に\を付けてください)
  • Q1 ~ Q10: 各問題の答え
  • Q5_EMAIL: Q5で使用するEmail
  • Q5_PASSWORD: Q5で使用するパスワード

初期設定

$ yarn
$ npx firebase login
$ make

デプロイ方法

$ make build_and_deploy

ローカルでの起動方法

$ yarn dev

本番アクセス

https://{FirebaseのプロジェクトID}.web.app

ライセンスについて

このソフトウェアは、MIT Licenseのもとで公開されています。