- Данное приложение это backend однокомнатного чата. Frontend приложение, которое написано на JS доступно по этой ссылке. Которое написано на ReactJS доступно по этой ссылке.
- Авторизация в чате. И получение случайного имени и случайного изображения в качестве аватара. Случайное имя состоит из прилагательного и существительного. Список возможных слов заранее сформирован. Пример случайного имени: Ежовый Урюпинец. Для случайного изображения используется стороннее API.
- Отправка / получение сообщений и изображений.
- Получение информации о пользователе, который отключился от чата.
- Все последующие функции необходимо реализовывать на клиенте для взаимодействия с серверной частью. Для подключения к чату необходимо реализовать функцию, которая отправит запрос:
socket.emit('give a name')
- Для получения данных о новом пользователе чата, необходимо реализовать функцию, которая получит ответ:
socket.on('give a name', (user) => {
/**
* Пример ответа: объект - user
*/
{
name: Ежовый Урюпинец,
id: id,
avatar: ссылка на картинку
}
})
- Для получения данных о том, что подключился новый пользователь необходимо реализовать данную функцию:
socket.on('add new user', (user) => {
/**
* Пример ответа: объект - user
*/
{
name: Ежовый Урюпинец,
id: id,
avatar: ссылка на картинку
}
})
- Для получения данных о том, что пользователь отключился необходимо реализовать данную функцию:
socket.on('remove user', (id) => {
/**
* Пример ответа: строка - id
*/
})
- Для отправки сообщения необходимо реализовать функцию, которая отправит запрос:
socket.emit('chat message', {
message: Текст сообщения
imageFile: пустая строка или картинка в формате base64
})
- Для получения сообщения от любого пользователя, в том числе и от самого отправителя, необходимо реализовать функцию, которая принимает ответ:
socket.on('message for all', (message) => {
/**
* Пример ответа: объект - message
*/
{
name: Ежовый Урюпинец,
id: id,
avatar: ссылка на картинку
message: Текст сообщения,
imageFile: пустая строка или картинка в формате base64
}
})
- npm i
- npm run start
- Не забудьте запустить frontend часть. Приложение, которое написано на JS доступно по этой ссылке. Которое написано на ReactJS доступно по этой ссылке.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent