socket io typescript chat

Socket.io ตัวอย่างการแชทโดยใช้ typeScript

ที่เก็บนี้มีรหัสเซิร์ฟเวอร์และไคลเอนต์โดยใช้ภาษา TypeScript

โพสต์บล็อก

อ่านโพสต์บล็อกพร้อมรายละเอียดเกี่ยวกับโครงการนี้: แอพเรียลไทม์กับ TypeScript: การรวมซ็อกเก็ตเว็บและ Angular

การสาธิตสด

ลอง Live Demo: https://typescript-chat.firebaseapp.com

สนับสนุนโครงการนี้

• ที่เก็บสตาร์ GitHub
• สร้างคำขอดึงส่งข้อบกพร่องหรือแนะนำคุณสมบัติใหม่
• ติดตามการอัปเดตบน Twitter หรือ GitHub

เรียกใช้เซิร์ฟเวอร์และไคลเอนต์ในเครื่อง

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

ก่อนอื่นให้แน่ใจว่าคุณติดตั้งดังต่อไปนี้:

1. nodejs - ดาวน์โหลดและติดตั้งโหนดเวอร์ชันล่าสุด: nodejs
2. Git - ดาวน์โหลดและติดตั้ง Git
3. Angular CLI - ติดตั้งอินเทอร์เฟซบรรทัดคำสั่งสำหรับ https://cli.angular.io/

หลังจากนั้นให้ใช้ Git bash เพื่อเรียกใช้คำสั่งทั้งหมดหากคุณอยู่บนแพลตฟอร์ม Windows

ที่เก็บโคลน

เพื่อเริ่มการใช้งานโครงการ:

$ git clone https://github.com/luixaviles/socket-io-typescript-chat.git
$ cd socket-io-typescript-chat

เรียกใช้เซิร์ฟเวอร์

ในการเรียกใช้เซิร์ฟเวอร์ในเครื่องเพียงติดตั้งการพึ่งพาและเรียกใช้งาน gulp เพื่อสร้างบิลด์:

$ cd server
$ npm install -g gulp-cli
$ npm install
$ gulp build
$ npm start

เซิร์ฟเวอร์ socket.io จะทำงานบนพอร์ต 8080

เมื่อคุณเรียกใช้ npm start โฟลเดอร์นี้จะใช้ประโยชน์จาก Nodemon ซึ่งจะโหลดเซิร์ฟเวอร์ซ้ำโดยอัตโนมัติหลังจากที่คุณทำการเปลี่ยนแปลงและบันทึกไฟล์ typeScript ของคุณ นอกเหนือจาก Nodemon แล้วยังมีงาน gulp watch ที่คุณสามารถเรียกใช้เพื่อโหลดไฟล์ใหม่ แต่ไม่จำเป็นและเป็นเพียงทางเลือกการสอน

เรียกใช้ไคลเอนต์เชิงมุม

เปิดหน้าต่างบรรทัดคำสั่งอื่น ๆ และเรียกใช้คำสั่งต่อไปนี้:

$ cd client
$ npm install
$ ng serve

ตอนนี้เปิดเบราว์เซอร์ของคุณใน URL ต่อไปนี้: http: // localhost: 4200

การปรับใช้เซิร์ฟเวอร์

ลองดูหน้า Wiki สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการปรับใช้กับ Heroku และ Zeit.co

อย่าลังเลที่จะอัปเดตหน้านั้นและ readme หากคุณเพิ่มแพลตฟอร์มอื่น ๆ สำหรับการปรับใช้!

ส้อม

ชุมชนโอเพ่นซอร์สยอดเยี่ยมมาก! หากคุณทำงานในส้อมกับสแต็คเทคโนโลยีอื่น ๆ โปรดเพิ่มการอ้างอิงของโครงการของคุณที่นี่:

คุณสมบัติ	ผู้เขียน	สถานะ
React + typeScript + Material-UI ไคลเอ็นต์	Nilshartmann	การดำเนินการ

ผลงาน

การมีส่วนร่วมได้รับการชื่นชมอย่างมาก คุณสามารถมีส่วนร่วมได้โดยการเพิ่มการสนับสนุน i18n ด้วยภาษาของคุณส่วนการทดสอบหรือคุณสมบัติอื่น ๆ

ผู้มีส่วนร่วม

Luixaviles	Hughanderson4	ultrarunner	Theidinside	คาร์มิอุส	Hellmy

คุณ

ใบอนุญาต

มิกซ์