monkey app clone

Monkey App Clone?

โครงการนี้เป็นโคลนน้อยที่สุดของแอพ Monkey แอพโซเชียลมีเดียที่อนุญาตให้ผู้ใช้แชทกับผู้คนแบบสุ่ม มันใช้เทคโนโลยีที่หลากหลายรวมถึง ReactJs สำหรับส่วนหน้า, Redux Toolkit สำหรับการจัดการสถานะ, peerjs สำหรับ WEBRTC, React Usewebsocket, BUNJS สำหรับแบ็กเอนด์

การสาธิตสดของแอปพลิเคชันสามารถเข้าถึงได้ที่: https://monkey.misterneo.pro

สารบัญ

• คำอธิบาย
• เทคโนโลยีที่ใช้
• ข้อกำหนดเบื้องต้น
• รันแอพ
  • ใช้ bunjs
  • ใช้นักเทียบท่า
• การบริจาค
• ใบอนุญาต

คำอธิบาย

โคลนแอพลิงเป็นโครงการที่มีจุดมุ่งหมายเพื่อจำลองการทำงานของแอพลิง ช่วยให้ผู้ใช้มีส่วนร่วมในการแชทวิดีโอโดยใช้เทคโนโลยี WEBRTC นอกจากนี้ยังอนุญาตให้ผู้ใช้ส่งข้อความถึงกันและกันโดยใช้ WebRTC Datachannel แอพนี้ถูกสร้างขึ้นโดยใช้ ReactJS สำหรับส่วนหน้า Redux Toolkit สำหรับการจัดการสถานะ, peerjs สำหรับ webrtc, React usewebsocket, bunjs สำหรับแบ็กเอนด์และนักเทียบท่าสำหรับการจัดคอนเทนเนอร์และ orchestration

เทคโนโลยีที่ใช้

• ReactJS (ส่วนหน้า)
• Redux Toolkit (การจัดการสถานะ)
• peerjs (webrtc)
• React Usewebsocket (WebSockets)
• Bunjs (แบ็กเอนด์)
• นักเทียบท่า (คอนเทนเนอร์)
• Docker Compose (orchestration คอนเทนเนอร์)

ข้อกำหนดเบื้องต้น

ก่อนที่จะเรียกใช้แอพตรวจสอบให้แน่ใจว่ามีการติดตั้ง Bunjs บนเครื่องของคุณ คำแนะนำการติดตั้งสามารถพบได้ที่นี่ หากคุณไม่สามารถติดตั้ง BUNJS ได้คุณสามารถใช้ไฟล์ Docker Compose เพื่อเรียกใช้แอพด้วย Docker

รันแอพ

• โคลนที่เก็บ

git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-clone

ใช้ bunjs

เรียกใช้แบ็กเอนด์

• ไปที่ไดเรกทอรี server

 cd server

• ติดตั้งการอ้างอิง

bun install

• เรียกใช้แอพ

bun run index.ts

สิ่งนี้จะเริ่มต้นเซิร์ฟเวอร์ WebSocket และ HTTP บนพอร์ต 3000

ทางเลือก:

คุณสามารถระบุพอร์ตโดยใช้ --port ธงเช่น bun run index.ts --port 5000 เปิดใช้งานโหมดการดีบักโดยใช้ --debug เบ็ด, เช่น bun run index.ts --debug

หากคุณตัดสินใจที่จะเปลี่ยนพอร์ตเริ่มต้นคุณจะต้องอัปเดตตัวแปร VITE_SERVER_PORT ในไฟล์ .env.local ในไดเรกทอรี client คุณสามารถทำได้โดยการคัดลอกไฟล์ .env.example และเปลี่ยนชื่อเป็น .env.local จากนั้นอัปเดตตัวแปร VITE_SERVER_PORT เป็นพอร์ตที่คุณระบุ

วิ่งส่วนหน้า

• ไปที่ไดเรกทอรี client

 cd client

• ติดตั้งการอ้างอิง

bun install

• เรียกใช้แอพ

bun run dev

สิ่งนี้จะเริ่มต้นแอปบนพอร์ต 5173 นำทางไปที่ http://localhost:5173 เพื่อดูแอพ

ใช้นักเทียบท่า

• เรียกใช้คำสั่งต่อไปนี้ที่รูทของโครงการเพื่อเริ่มแอพ:

docker compose up -d --build

รอให้แอปเริ่มต้น อาจใช้เวลาสองสามนาทีในครั้งแรกที่คุณเรียกใช้คำสั่ง

ไปที่ http://localhost:5173 เพื่อดูแอพ

• หากต้องการหยุดแอปให้เรียกใช้คำสั่งต่อไปนี้:

docker compose down

การบริจาค

ยินดีต้อนรับการมีส่วนร่วม อย่าลังเลที่จะเปิดคำขอดึงหรือส่งปัญหา

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียดเพิ่มเติม