quiplash
1.0.0
ลำดับแรกของธุรกิจคือการสร้างชื่อที่ดีความคิดใด ๆ ?
เพื่อเข้าถึง GameMaster (หน้าจอที่ใช้ร่วมกันสำหรับผู้แข่งขันทั้งหมด) ไปที่: https://yodigi7.github.io/quiplash/gamemaster/ จุดเชื่อมต่อสำหรับคู่แข่งแต่ละคนคือ https://yodigi7.github.io/quiplash/contender/ ให้เวลาสองสามวินาทีในการบูตเพราะมีแนวโน้มที่จะนอนหลับบน Heroku มันควรใช้เวลาประมาณ 30 วินาทีสำหรับเซิร์ฟเวอร์ในการหมุนและเริ่มทำงาน
ดังนั้นอย่างที่พวกคุณควรรู้โดยชื่อปัจจุบันนี่หมายถึงการ Quiplash เวอร์ชันโอเพ่นซอร์สฟรี สถาปัตยกรรมโดยรวมเป็นแบ็กเอนด์ที่ติดตามข้อมูลเกมทั้งหมด จากนั้นให้ข้อมูลนั้นไปยังสองส่วนซึ่งหนึ่งในนั้นคือหน้าจอหลัก/ทั่วไปที่ผู้เล่นทุกคนใช้ในเกม อีกอย่างคือมุมมองสำหรับคู่แข่งแต่ละคนเพื่อป้อนข้อมูลเฉพาะของพวกเขา ขณะนี้ฉันมีการตั้งค่าใน 3 ส่วน:
วัตถุประสงค์: จัดหาบริการ REST API และติดตามข้อมูลเกม
วัตถุประสงค์: แสดงหน้าจอหลัก/ทั่วไป
วัตถุประสงค์: มุมมองสำหรับผู้เข้าแข่งขันแต่ละคน
ปัจจุบันสภาพแวดล้อมที่มีอยู่เท่านั้น
เรียกใช้แบ็กเอนด์ก่อนเพื่อให้มันทำงานบนพอร์ต 8080 เพื่อการตั้งค่าที่ง่ายขึ้นด้วยสองส่วน ในการเรียกใช้เพียงแค่โหลดโครงการลงใน IDE เช่น IntelliJ ด้วยการตั้งค่าโครงการ SDK และกด Run เพื่อเรียกใช้ไฟล์หลัก (Backend/SRC/Main/Java/COM/Yodigi/Quiplash/Quiplashapplication.java)
ปัจจุบันไม่ทำงานให้ใช้ส่วนที่เทียบเท่าส่วนหน้าเชิงมุม
ตั้งค่าจุดเชื่อมต่อไม่ว่าตำแหน่งจะเป็นแบ็คเอนด์ มันน่าจะเป็น http://localhost:8080 และตั้งค่าไฟล์. env.dev VUE_APP_BACKEND_BASE_URL เป็นค่านั้น
จากโฟลเดอร์หลัก (QuiplashGameMaster) จากนั้นเรียกใช้คำสั่งต่อไปนี้ในคำสั่ง:
npm run serve -- --mode dev
จากนั้นเพื่อเข้าถึงส่วนหน้าค่าที่ได้ให้ป้อน URL ที่ระบุไว้ในคอนโซลไปยังเว็บเบราว์เซอร์ปกติของคุณ
มันจะแสดงในคอนโซล แต่ส่วนใหญ่จะเป็น http://localhost:8081
ตั้งค่าจุดเชื่อมต่อไม่ว่าตำแหน่งจะเป็นแบ็คเอนด์ มันน่าจะเป็น http://localhost:8080 และตั้งค่าไฟล์ baseUrl ไฟล์ environment.ts เป็นค่านี้ ไฟล์ environment.ts สามารถพบได้ในโฟลเดอร์ quiplash-gamemaster-angularsrcenvironments
จากโฟลเดอร์หลัก (Quiplash-GameMaster-Angular) จากนั้นเรียกใช้คำสั่งต่อไปนี้ในคำสั่ง:
ng serve -o
คำสั่งนี้จะเปิดเบราว์เซอร์โดยอัตโนมัติและให้บริการแอปพลิเคชันเชิงมุม
ปัจจุบันไม่ทำงานให้ใช้ส่วนที่เทียบเท่าส่วนหน้าเชิงมุม
ตั้งค่าจุดเชื่อมต่อไม่ว่าตำแหน่งจะเป็นแบ็คเอนด์ มันน่าจะเป็น http://localhost:8080 และตั้งค่าไฟล์. env.dev VUE_APP_BACKEND_BASE_URL เป็นค่านั้น
จากโฟลเดอร์หลัก (QuiplashGameMaster) จากนั้นเรียกใช้คำสั่งต่อไปนี้ในคำสั่ง:
npm run serve -- --mode dev
จากนั้นเพื่อเข้าถึงส่วนหน้าค่าที่ได้ให้ป้อน URL ที่ระบุไว้ในคอนโซลไปยังเว็บเบราว์เซอร์ปกติของคุณ
มันจะแสดงในคอนโซล แต่ส่วนใหญ่จะเป็น http://localhost:8082
ตั้งค่าจุดเชื่อมต่อไม่ว่าตำแหน่งจะเป็นแบ็คเอนด์ มันน่าจะเป็น http://localhost:8080 และตั้งค่าไฟล์ baseUrl ไฟล์ environment.ts เป็นค่านี้ ไฟล์ environment.ts สามารถพบได้ในโฟลเดอร์ quiplash-contender-angularsrcenvironments
จากโฟลเดอร์หลัก (quiplash-contender-angular) จากนั้นเรียกใช้คำสั่งต่อไปนี้ในคำสั่ง:
ng serve -o --port 4201
คำสั่งนี้จะเปิดเบราว์เซอร์โดยอัตโนมัติและให้บริการแอปพลิเคชันเชิงมุม
เหตุผลสำหรับอาร์กิวเมนต์พิเศษ --port เป็นเพราะมันจะพยายามเริ่มต้นไปยังพอร์ต 4200 ซึ่งใช้งานโดย Gamemaster ซึ่งจะให้ข้อผิดพลาดดังนั้นสิ่งนี้จะเปิดใช้งานในพอร์ต 4201
ใช้คำสั่งให้ป้อนลงในไดเรกทอรีแบ็กเอนด์
จากนั้นให้ป้อน mvn test ซึ่งจะเรียกใช้การทดสอบปัจจุบันทั้งหมดและส่งคืนผลลัพธ์
เรายังอยู่ในขั้นตอนการเขียนการทดสอบสำหรับส่วนหน้า
อย่าลังเลที่จะช่วยสนับสนุนโครงการนี้ในทางใดทางหนึ่งอย่าลืมตรวจสอบปัญหาเปิดและติดต่อฉันเพื่อช่วยให้คุณได้รับการทำงานหากคุณเป็นผู้เริ่มต้น
Yodigi7 - Anthony Buchholz
GPLV3
