BBBUG 聊天室 前端仓库

Github | Gitee

介绍

BBBUG — это музыкальный чат, в котором можно общаться и слушать музыку. Поддерживает OAuth-логин через Gitee/OSChina/QQ/钉钉. Есть возможность создавать приватные комнаты и переключаться между режимами комнат. Данный репозиторий содержит код для ПК-версии BBBUG.

Попробуйте: demo.bbbug.com.

免责声明

Данные о музыке на платформе получены с третьих сайтов и предназначены только для изучения и обмена информацией. Не используйте их в коммерческих целях.

Техническая архитектура

Серверная часть IM реализована с помощью node-websocket и предоставляет Websocket-сервис. Используется pm2 для постоянного запуска. Nginx выступает в роли Wss-прокси. Клиентская часть реализована с использованием ElementUI и Vue. Серверная часть использует PHP для создания API данных, а PHP-CLI — для синхронизации данных на сервере. Redis используется для очередей данных и кэширования.

Использование

1. Клонируйте проект: git clone https://gitee.com/bbbug_com/ChatWEB.git

2. Установите зависимости: npm install

3. Запустите среду разработки: npm run dev для предварительного просмотра проекта

4. Соберите и разверните проект: npm run build

Для более подробного руководства по развёртыванию см. здесь>>>

Реализованные функции

• Простой текстовый и графический обмен сообщениями
• Поиск песен, выбор песен, переключение песен, добавление песен в избранное, воспроизведение песен в режиме радио
• Синхронное воспроизведение песен для всех пользователей в комнате, поддержка режима радио для хоста
• Возможность создавать комнаты, хост может запретить пользователям в комнате выбирать песни или говорить
• Пользователи могут изменять свои личные данные и настройки
• ESC для быстрого поиска песен, Ctrl+Enter для поиска песен
• Поддержка установки вторичного доменного имени и привязки независимого доменного имени
• Тёмный и светлый режимы, можно свободно настраивать
• Интерактивные игры, такие как «потрогай меня»

Участие и вклад

• Форкните этот репозиторий
• Создайте ветку и внесите изменения или добавьте функции
• Отправьте код
• Создайте Pull Request

Список участников

@Hamm @kiripa Смотрите полный список>>>

Скриншоты

Обычный режим:

Тёмный режим: