socket io typescript chat

Un exemple de chat socket.io utilisant TypeScript

Ce référentiel contient un code côté serveur et client à l'aide du langage TypeScript

Article de blog

Lisez le billet de blog avec des détails sur ce projet: applications en temps réel avec TypeScript: intégration de prises Web, nœud et angulaire

Démo en direct

Essayez la démo en direct: https://typescript-chat.firebaseApp.com

Soutenir ce projet

• Référentiel Star Github
• Créer des demandes de traction, soumettre des bogues ou suggérer de nouvelles fonctionnalités
• Suivez les mises à jour sur Twitter ou Github

Exécution du serveur et du client localement

Condition préalable

Tout d'abord, assurez-vous que vous avez installé les suivants:

1. Nodejs - Téléchargez et installez la dernière version de Node: Nodejs
2. Git - télécharger et installer git
3. Angular CLI - Installez l'interface de ligne de commande pour les https angulaires://cli.angular.io/

Après cela, utilisez Git bash pour exécuter toutes les commandes si vous êtes sur la plate-forme Windows.

Référentiel de clones

Afin de démarrer l'utilisation du projet:

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

Exécuter le serveur

Pour exécuter le serveur localement, installez simplement les dépendances et exécutez la tâche gulp pour créer une version:

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

Le serveur socket.io fonctionnera sur le port 8080

Lorsque vous exécutez npm start , ce dossier exploite NODEMON qui rechargera automatiquement le serveur après avoir apporté une modification et enregistré votre fichier TypeScript. Avec Nodemon, il existe également une tâche gulp watch que vous pouvez exécuter pour recharger les fichiers, mais ce n'est pas nécessaire et est fourni simplement comme une alternative d'enseignement.

Exécuter le client angulaire

Ouvrez une autre fenêtre de ligne de commande et exécutez les commandes suivantes:

$ cd client
$ npm install
$ ng serve

Ouvrez maintenant votre navigateur dans l'URL suivante: http: // localhost: 4200

Déploiement du serveur

Jetez un œil à la page Wiki pour plus de détails sur le déploiement sur Heroku et Zeit.co

N'hésitez pas à mettre à jour cette page et à lire si vous ajoutez une autre plate-forme pour le déploiement!

Fourchettes

La communauté open source est géniale! Si vous travaillez dans une fourche avec une autre pile technologique, veuillez ajouter la référence de votre projet ici:

Caractéristiques	Auteur	Statut
REACT + TypeScript + Material-UI Client	Nilshartmann	En cours

Contribution

Les contributions sont grandement appréciées. Vous pouvez contribuer en ajoutant un support i18n avec votre langue, la section de test ou toute autre fonctionnalité.

Contributeurs

luxaviles	Hughanderson4	ultrarunner	theidinside	Carmius	Enfer

Toi

Licence

Mit