CatchTheFlag MERN

จับธง

โครงการนี้คือเกม CTF (จับธง) ที่ทำขึ้นเป็นหน้าเว็บแบบไดนามิกโดยใช้ M (MySQL) E (Express) R (React) N (NODEJS) สแต็ก เกมดังกล่าวให้ความสำคัญกับการทำงานกับเทคโนโลยีเว็บเครือข่ายสังคมออนไลน์การเข้ารหัสนิติเวชและการวิเคราะห์มัลแวร์ ภารกิจของมันคือการสร้างความตระหนักรู้เกี่ยวกับเทคโนโลยีเหล่านี้และอันตรายของพวกเขาโครงการได้รับแรงบันดาลใจจาก Hackthebox, TryhackMe และเกม CTF อื่น ๆ

ดูตัวอย่าง

หน้าดัชนี

หน้าเทมเพลตระดับ

หน้าการกลั่นกรองระดับผู้ดูแลระบบ

การออกแบบที่ตอบสนอง

วิธีเริ่มแอปพลิเคชัน (เวอร์ชันการพัฒนา)

• เปิด 2 ขั้ว

• ในเทอร์มินัลแรกไปที่โฟลเดอร์ Frontend

 cd main_app/frontend/

• ดาวน์โหลดการอ้างอิงสำหรับ React

 npm i

• เริ่มทำปฏิกิริยาเซิร์ฟเวอร์การพัฒนาด้วย

 npm start

• ในเทอร์มินัลที่สองเข้าสู่โฟลเดอร์ แบ็ก เอนด์

 cd main_app/backend/

• สร้างไฟล์ . env

 PORT=8080


HOST=localhost
DEV=root
PASSWORD=
DATABASE=catch_the_flag_game


[email protected]
EMAIL_PASSWORD=yourEmailPa$$w0rd


SESSION_SECRET=long_string_of_random_characters

• ดาวน์โหลดการพึ่งพาสำหรับ Express

 npm i

วิธีโฮสต์แอปพลิเคชัน (โฮสติ้ง)

• เปิด 2 ขั้ว

• ในเทอร์มินัลแรกไปที่โฟลเดอร์ Frontend

 cd main_app/frontend/

• ดาวน์โหลดการอ้างอิงสำหรับ React

 npm i

• สร้างไฟล์ปฏิกิริยาเป็นแบบคงที่

 npm run build

• ถ่ายโอนทุกอย่างตั้งแต่ Build ไปยังเว็บโฮสติ้งของคุณ
• ในเทอร์มินัลที่สองเข้าสู่โฟลเดอร์ แบ็ก เอนด์

 cd main_app/backend/

• สร้างไฟล์ . env

 PORT=8080


HOST=database_server_domain
DEV=database_administrator
PASSWORD=database_administrator_password
DATABASE=catch_the_flag_game


[email protected]
EMAIL_PASSWORD=yourEmailPa$$w0rd


SESSION_SECRET=long_string_of_random_characters

• ดาวน์โหลดการพึ่งพาสำหรับ Express

 npm i

• เรียกใช้เซิร์ฟเวอร์ด่วน

 node app.js

แฮ็คมีความสุข