ビジネスの最初の注文は、良い名前、アイデアを思いつくことですか?
Gamemaster(すべての候補者の共有画面)にアクセスするには、https://yodigi7.github.io/quiplash/gamemaster/にアクセスしてください。各候補のアクセスポイントはhttps://yodigi7.github.io/quiplash/contender/です。 Herokuで寝ている可能性が高いため、数秒間起動します。サーバーがスピンアップして動作を開始するには、30秒かかるはずです。
したがって、皆さんは現在のタイトルで知っておくべきであるように、これはQuiplashの無料オープンソースバージョンであることを意図しています。全体的なアーキテクチャは、すべてのゲームデータを追跡するバックエンドです。次に、そのデータを2つのフロントエンドに提供します。その1つは、すべてのプレイヤーがゲームで使用するメイン/共通画面です。もう1つは、個々の候補者が特定のデータを入力するためのビューです。現在、3つのセクションでセットアップしています。
目的:REST APIサービスを提供し、ゲームデータを追跡します
目的:メイン/共通の画面を表示します
目的:各候補者のビュー
現在、利用可能な唯一の環境
最初にバックエンドを実行して、ポート8080で実行して、2つのフロントエンドでセットアップしやすくします。プロジェクトSDKセットアップを使用してIntellijなどのIDEにプロジェクトをロードするだけで、メインファイル(BackEnd/SRC/Java/com/Yodigi/QuiplashApplication.java)を実行するために実行します。
現在、角度のフロントエンドの等価物を使用していません
どのアクセスポイントをセットアップしても、場所はバックエンド用になります。おそらくhttp://localhost:8080であり、.env.dev file VUE_APP_BACKEND_BASE_URLをその値に設定します。
メインフォルダー(quiplashgamemaster)から、コマンドラインで次のコマンドを実行します。
npm run serve -- --mode dev
次に、結果のフロントエンドにアクセスするには、コンソールで指定されたURLを通常のWebブラウザーに入力します。
コンソールに表示されますが、おそらくhttp://localhost:8081になります
どのアクセスポイントをセットアップしても、場所はバックエンド用になります。おそらくhttp://localhost:8080であり、環境をbaseUrlします。 Environment.tsファイルはquiplash-gamemaster-angularsrcenvironmentsフォルダーにあります
メインフォルダー(quiplash-gamemaster-angular)から、コマンドラインで次のコマンドを実行します。
ng serve -o
このコマンドは、ブラウザを自動的に開き、Angularアプリケーションを提供します。
現在、角度のフロントエンドの等価物を使用していません
どのアクセスポイントをセットアップしても、場所はバックエンド用になります。おそらくhttp://localhost:8080であり、.env.dev file VUE_APP_BACKEND_BASE_URLをその値に設定します。
メインフォルダー(quiplashgamemaster)から、コマンドラインで次のコマンドを実行します。
npm run serve -- --mode dev
次に、結果のフロントエンドにアクセスするには、コンソールで指定されたURLを通常のWebブラウザーに入力します。
コンソールに表示されますが、おそらくhttp://localhost:8082になります
どのアクセスポイントをセットアップしても、場所はバックエンド用になります。おそらくhttp://localhost:8080であり、環境をbaseUrlします。 Environment.tsファイルはquiplash-contender-angularsrcenvironmentsフォルダーにあります
メインフォルダー(Quiplash-Contender-Angular)から、コマンドラインで次のコマンドを実行します。
ng serve -o --port 4201
このコマンドは、ブラウザを自動的に開き、Angularアプリケーションを提供します。
追加の--portの理由は、Gamemasterが既に使用している4200ポートにデフォルトを試みるため、エラーが発生しているため、代わりに4201ポートで開きます。
コマンドラインを使用して、バックエンドディレクトリに入力します。
そこから、すべての現在のテストを実行して結果を返すコマンドmvn testを入力します。
私たちはまだフロントエンドのテストを作成する過程にあります。
このプロジェクトに何らかの方法で貢献するのを手伝ってください。オープンな問題をチェックして、初心者である場合は育ち、実行できるように私に連絡してください。
Yodigi7 -Anthony Buchholz
GPLV3