Учебное пособие по WebSocket с Spring Boot | Создание приложения для чата "Один на один"

• Видео исследует революцию в области коммуникации в Интернете с помощью websockets.  

• Создано приложение для живого чата, где пользователи могут участвовать в групповой беседе.  

• Цель - создать приложение для приватного общения, например, между Алексом и Хантером или Хантером и Марианной.  

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

• Марианна публикует сообщение для "john q messages", а Джон подписан на свою очередь "marianne slash".  

• В приложении для чата "один на один" каждый пользователь может общаться со всеми.  

• Создание комнаты для чата, где у каждого пользователя будет свой идентификатор.  

• Создание документа "сообщение чата", где будет идентификатор чата, отправитель, получатель и содержание сообщения.  

• Создание проекта Spring Boot с использованием Maven, Java 17 и Lombok.  

• Создание файла docker compose для MongoDB и Mongo Express.  

• Предоставление свойств для подключения к базе данных, включая имя пользователя и пароль.  

• Создание класса конфигурации веб-сокета и реализация интерфейса WebSocketMessageBrokerConfigurer.  

• Настройка брокера сообщений с использованием аннотации EnableWebSocketMessageBroker.  

• Реализация методов configureMessageBroker и registerStompEndpoints для настройки брокера и конечных точек.  

• Создание объекта DefaultContentTypeResolver и настройка типа mime по умолчанию.  

• Использование конвертера сообщений MappingJackson2MessageConverter и установка ObjectMapper.  

• Возвращение значения false для конвертера сообщений, чтобы не использовать значения по умолчанию.  

• Создание класса User с аннотациями Lombok и использованием Document для сохранения в базе данных MongoDB.  

• Создание свойств: ник, полное имя, статус (онлайн/офлайн).  

• Использование перечислений для статуса пользователя.  

• Создание класса UserService и внедрение аннотации к сервису из Spring.  

• Разработка трех методов: сохранение пользователя, отключение пользователя и получение списка подключенных пользователей.  

• Создание интерфейса UserRepository, расширяющего MongoRepository.  

• Реализация методов сохранения, отключения и обновления статуса пользователя.  

• Создание класса UserController с аннотацией к контроллеру и необходимым конструктором.  

• Разработка трех методов: сохранение пользователя, отключение пользователя и получение списка подключенных пользователей.  

• Реализация аннотаций для отображения сообщений и отправки уведомлений.  

• Создание класса "chat room" в пакете "chat room".  

• Создание методов получения и установки, конструктора и аннотации builder.  

• Создание аннотации к документу.  

• Создание метода "get chat room id".  

• Создание параметров: sender id, recipient id, create new room.  

• Создание репозитория комнаты чата и интерфейса для работы с ним.  

• Создание класса "chat message" с методами получения и установки, конструктором и аннотацией document.  

• Создание методов сохранения и поиска сообщений по идентификаторам отправителя и получателя.  

• Создание службы обмена сообщениями в чате с методами сохранения и поиска сообщений.  

• Создание сервиса для сохранения сообщений чата и поиска сообщений по идентификатору отправителя и получателя.  

• Создание метода "найти по идентификатору чата" для возврата списка сообщений.  

• Создание контроллера для отображения сообщений чата и обработки сообщений.  

• Создание метода "отображение чата" для создания новой очереди для пользователя или публикации сообщения в очереди.  

• Создание класса "уведомление о чате" для отправки информации о сообщении чата пользователю.  

• Создание конструктора уведомлений о чате и предоставление информации о сообщении.  

• Создание статической папки в ресурсах Java и создание HTML-файла с именем index.  

• Создание пользовательского интерфейса с формой для ввода псевдонима и полного имени, кнопкой "Войти в чат", списком пользователей и областью чата.  

• Импорт библиотек JavaScript, необходимых для использования веб-сокетов.  

• Создание констант для идентификаторов и объектов, используемых в приложении.  

• Создание переменных для псевдонима, полного имени и "выбранного пользователя".  

• Создание функции подключения, которая будет вызываться при нажатии на кнопку "Войти в чат".  

• Проверка правильности ввода псевдонима и полного имени перед подключением к веб-сокету.  

• Создание переменной socket и передача пути к веб-сокету.  

• Создание метода connect и передача параметров.  

• Создание метода unconnected для обработки ошибок.  

• Создание функции при получении сообщения.  

• Регистрация подключенного пользователя.  

• Поиск и отображение подключенных пользователей.  

• Использование точечного фильтра для подключенных пользователей.  

• Использование метода определения элемента по идентификатору.  

• Добавление разделителей между подключенными пользователями.  

• Создание функции для добавления пользовательских элементов в список подключенных пользователей.  

• Создание константы для списка классов и идентификатора пользователя.  

• Создание элемента списка и добавление изображения пользователя, имени пользователя и полученного сообщения.  

• Создание таблицы пользователей в базе данных.  

• Удаление таблицы "Удалить меня" и создание нового пользователя.  

• Отображение информации о пользователе, включая полное имя и изображение.  

• Добавление прослушивателя событий для щелчка по элементу пользователя.  

• Изменение фона активного элемента и удаление скрытого элемента формы сообщения.  

• Создание функции для асинхронного извлечения и отображения чата пользователя.  

• Обновление количества сообщений при нажатии на пользователя.  

• Создание константы для ответа пользовательского чата и выборка сообщений с косой чертой.  

• Создание переменной для ответа пользовательского чата и вызов области чата.  

• Создание функции для отображения сообщений и заполнение чата.  

• Создание функции отправки сообщения и проверка наличия клиента stomp.  

• Создание константы для сообщения в чате и отправка сообщения через клиента stomp.  

• Добавление параметра полезной нагрузки и реализация функции асинхронно.  

• Проверка подключения нового пользователя и отображение сообщения.  

• Установка выбранного пользователя активным и скрытие формы сообщения.  

• Создание константы "уведомленный пользователь" для отображения уведомлений о сообщениях.  

• Получение идентификатора отправителя сообщения с помощью document.querySelector(".message").  

• Проверка существования элемента "уведомленный пользователь" и добавление активного класса, если его нет.  

• Запуск приложения и тестирование изменений.  

• Создание базы данных и добавление пользователей.  

• Подключение пользователей и отображение их имен.  

• Реализация выхода из системы и исправление проблемы с отображением сообщений.  

• В функции выхода из системы, вызывается stp-клиент и отправляется сообщение конечному приложению slash, пользователю slash и пользователю disconnect.  

• Для перезагрузки страницы, используется метод unconnected.  

• При подключении пользователя, его имя отображается на странице.  

• При выходе из системы, пользователь отключается и его статус отображается как "отключен".  

• После выхода из системы, пользователь может снова подключиться и его статус отображается как "подключен".  

• При отправке сообщения, оно отображается на экране немедленно.