socket io typescript chat

Пример чата socket.io с использованием TypeScript

Этот репозиторий содержит код сервера и клиента с использованием языка TypeScript

Пост в блоге

Прочитайте сообщение в блоге с подробной информацией об этом проекте: приложения в реальном времени с TypeScript: Интеграция веб -разрывов, узлов и угловых

Живая демонстрация

Попробуйте Live Demo: https://typescript-chat.firebaseapp.com

Поддержите этот проект

• Звездный репозиторий GitHub
• Создать запросы на привлечение, отправлять ошибки или предложить новые функции
• Следите за обновлениями в Twitter или GitHub

Запуск сервера и клиента локально

Предварительные условия

Во -первых, убедитесь, что у вас установлено следующее:

1. Nodejs - Загрузите и установите последнюю версию Node: Nodejs
2. Git - скачать и установить git
3. Angular CLI - Установить интерфейс командной строки для Angular 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 , которую вы можете запустить для перезагрузки файлов, но это не обязательно и предоставляется просто в качестве альтернативы обучения.

Запустите Angular Client

Откройте другое окно командной строки и запустите следующие команды:

$ cd client
$ npm install
$ ng serve

Теперь откройте свой браузер в следующем URL: http: // localhost: 4200

Развертывание сервера

Посмотрите на страницу вики для получения более подробной информации о развертывании на Heroku и Zeit.co

Не стесняйтесь обновлять эту страницу и Readme, если вы добавите любую другую платформу для развертывания!

Форк

Сообщество с открытым исходным кодом потрясающее! Если вы работаете в вилке с другим техническим стеком, добавьте ссылку на свой проект здесь:

Функции	Автор	Статус
React + TypeScript + клиент Material-UI	Нильшартманн	В ходе выполнения

Вклад

Вклады высоко ценятся. Вы можете внести свой вклад, добавив поддержку i18n с вашим языком, разделом тестирования или любой другой функцией.

Участники

Luixaviles	Hughanderson4	Ультраруннер	Theidinside	Кармиус	Хелми

Ты

Лицензия

Грань