real time chat nestjs angular

แบบเรียลไทม์-nestjs-angular

ลิงก์ไปยัง GitHub: https://github.com/thomasoliver545/real-time-chat-nestjs-angular
ลิงก์ไปยังการกระทำทั้งหมดใน GitHub: https://github.com/thomasoliver545/real-time-chat-nestjs-angular/commits
ลิงก์ไปยัง Twitter: https://twitter.com/thomas_oliverk

เพลย์ลิสต์ YouTube:
เพลย์ลิสต์ "แอพแชทเรียลไทม์/สด": https://youtube.com/playlist?list=plvfq1luizbskiczoa8euvtskperos68i9
เพลย์ลิสต์ "2022": https://www.youtube.com/playlist?list=plvfq1luizbsmycedsifudcimiyck1c2qr
เพลย์ลิสต์ "แอพแชทเรียลไทม์/สด - รุ่นที่เปิดตัว": https://youtube.com/playlist?list=plvfq1luizbsmz1-qgudpv0xjjtzhnbhfl

เนื่องจากฉันกำลังทำสิ่งนี้ในการสนับสนุน Freetime ของฉันผ่าน "GitHub ผู้สนับสนุน", "GitHub Follow", "YouTube Follow" ฯลฯ จะดีมาก

ดีที่รู้

• API Build With Nestjs 8 เนื่องจาก V8 สนับสนุน socket.io release ล่าสุด v4
• Angular ใช้ใน V12 และวัสดุเชิงมุม
• เริ่มคำสั่ง docker-compose up
• บางครั้งแพ็คเกจ lock.json อาจทำให้เกิดปัญหาจากนั้นเพียงแค่ลบออกและปล่อยให้ Docker ทำทุกอย่าง
• วิดีโอแรกเป็นภาพรวมสำหรับส่วนแรกของซีรีส์ [วิดีโอ 1-17] นอกจากนี้ยังมีคุณสมบัติและการแก้ไขข้อผิดพลาดเพิ่มเติมในอนาคต (จากนั้นมีวิดีโอภาพรวมอื่น ๆ )
• การกระทำทั้งหมดที่ตรงกับวิดีโอจะถูกนำหน้าด้วยหมายเลขวิดีโอที่พวกเขาทำเช่น Video-17: ...
• ในโฟลเดอร์ _user_stories คุณสามารถดูเรื่องราวของผู้ใช้ที่นำไปใช้ทั้งหมดได้ใน 00_overview คุณมีรายการวิดีโอทั้งหมด
• บางครั้งเมื่อคุณติดตามวิดีโอคุณอาจต้องทิ้งรูปภาพ/คอนเทนเนอร์และสร้างใหม่ให้ดูด้านล่างไปที่ Tipps & Tricks
• ในไฟล์ todo.md เป็นแนวคิดบางอย่างที่สามารถนำไปใช้ในอนาคต

ภาพรวมของซีรีส์

ซีรี่ส์นี้เกี่ยวกับการใช้การแชทแบบเรียลไทม์กับ WebSockets (ที่นี่เราใช้ socket.io v4) คุณสมบัติหลักคือ:

• ลงทะเบียนผู้ใช้ใหม่
• เข้าสู่ระบบด้วยผู้ใช้และรับโทเค็น JWT ที่ถูกต้องสำหรับ Auth (API & WebSocket)
• สร้างห้องแชทและเพิ่มผู้ใช้รายอื่นด้วยชื่อผู้ใช้
• เข้าร่วมหนึ่งในห้องแชทของคุณและดูข้อความล่าสุด
• เพิ่มข้อความไปยังห้องแชทซึ่งจะถูกส่งไปยังผู้ใช้ที่เข้าร่วมรายอื่นทั้งหมดสำหรับห้องนี้ที่ออนไลน์อยู่ในปัจจุบัน

NestJS API สร้างขึ้นด้วย Nestjs 8 เนื่องจาก V8 ได้รองรับซ็อกเก็ตล่าสุดรีลีส V4

วิธีเรียกใช้โครงการ

สั่งการ:
docker-compose up

Tipps & Tricks

หากคุณติดตามวิดีโอคุณต้องลบรูปภาพและคอนเทนเนอร์แล้วเริ่มทุกอย่างอีกครั้ง

คำสั่งเพื่อลบภาพทั้งหมด:
docker rmi -f $(docker images -a -q)

คำสั่งเพื่อลบคอนเทนเนอร์ทั้งหมด:
docker rm -vf $(docker ps -a -q)

คำสั่งนักเทียบท่า

คำสั่งให้เริ่ม:
docker-compose up

คำสั่งให้สร้าง: docker-compose build

คำสั่งเพื่อลบภาพทั้งหมด:
docker rmi -f $(docker images -a -q)

คำสั่งเพื่อลบคอนเทนเนอร์ทั้งหมด:
docker rm -vf $(docker ps -a -q)