socket io typescript chat Download - socket io typescript chat -Quellcode herunterladen

socket io typescript chat

AI-Quellcode

1.0.0

Herunterladen

Ein Socket.io -Chat -Beispiel mit TypeScript

Dieses Repository enthält Server- und Client -Nebencode mithilfe der TypeScript -Sprache

Blog -Beitrag

Lesen Sie den Blog -Beitrag mit Details zu diesem Projekt: Echtzeit -Apps mit TypeScript: Integrieren von Webbindungen, Knoten und Angular

Live -Demo

Probieren Sie Live Demo: https://typescript-chat.firebaseApp.com

Unterstützen Sie dieses Projekt

Star Github Repository
Erstellen Sie Pull -Anfragen, senden Sie Fehler oder schlagen Sie neue Funktionen vor
Folgen Sie Updates auf Twitter oder GitHub

Server und Client lokal ausführen

Voraussetzungen

Stellen Sie zunächst sicher, dass Sie die folgenden Installation haben:

NODEJS - Download und installieren Sie die neueste Version von Knoten: NodeJS
Git - Git herunterladen und installieren
Angular Cli - Befehlszeilenschnittstelle für Angular https://cli.angular.io/

Verwenden Sie danach Git bash , um alle Befehle auszuführen, wenn Sie auf der Windows -Plattform sind.

Klon -Repository

Um die Projektnutzung zu starten:

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

Server ausführen

Um den Server lokal auszuführen, installieren Sie einfach Abhängigkeiten und führen Sie gulp -Aufgabe aus, um einen Build zu erstellen:

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

Der socket.io -Server wird auf Port 8080 ausgeführt

Wenn Sie npm start ausführen, nutzt dieser Ordner Nodemon, der den Server automatisch neu lädt, nachdem Sie eine Änderung vorgenommen und Ihre Typscript -Datei speichern. Zusammen mit Nodemon gibt es auch eine gulp watch -Uhrenaufgabe, die Sie ausführen können, um die Dateien neu zu laden, aber sie ist nicht erforderlich und wird lediglich als Unterrichtsalternative bereitgestellt.

Rennen Sie eckigen Klienten

Öffnen Sie ein anderes Befehlszeilenfenster und führen Sie die folgenden Befehle aus:

$ cd client
$ npm install
$ ng serve

Öffnen Sie jetzt Ihren Browser in der folgenden URL: http: // localhost: 4200

Serverbereitstellung

Schauen Sie sich die Wiki -Seite an, um weitere Informationen über die Bereitstellung auf Heroku und Zeit.co zu erhalten.

Fühlen Sie sich frei, diese Seite zu aktualisieren und zu readme, wenn Sie eine andere Plattform für die Bereitstellung hinzufügen!

Gabeln

Die Open -Source -Community ist großartig! Wenn Sie in einer Gabel mit einem anderen Tech -Stack arbeiten, fügen Sie hier die Referenz Ihres Projekts hinzu:

Merkmale	Autor	Status
React + TypeScript + Material-UI-Client	Nilshartmann	Im Gange

Beitrag

Beiträge werden sehr geschätzt. Sie können einen Beitrag leisten, indem Sie i18n -Unterstützung zu Ihrer Sprache, dem Testabschnitt oder einer anderen Funktion hinzufügen.