адрес проекта:github.com/CCZX/wechatВ данный момент проект обновляется. Добро пожаловать, чтобы оставить ваши ценные комментарии.
1. Функции
- Общение с друзьями, вопросы в службу поддержки, изображения, смайлики, аудио- и видеозвонки и доски (для реализации WebRTC).
- поддержка друзейПримечания, функция группировки, группы можно добавлять, изменять и удалять.
- Поддержка обмена сообщениями между друзьямипрочитать напоминание о статусе, вы можете мгновенно узнать, прочитал ли другой абонент сообщение.
- Статистика онлайн-друзей, в каждомгруппировкаможно просмотреть текущийКоличество онлайн-друзейи выделить аватары онлайн-друзей.
- Групповой чат, групповой чат в настоящее время поддерживает только форму текста, изображений и выражений, а в настоящее время сообщения группового чата не поддерживают напоминания о прочтении (последующие улучшения).
- Space, как и Qzone, можетПубликуйте свои посты, проверяйте посты друзей.
- Динамическое редактирование, который поддерживаетудалить, редактироватьоперация.
- Динамическое взаимодействие, поддержкаНравится, комментируйте, отвечайте на комментарииФункция.
- Добавление друзей и добавление групповых чатов требует согласия другой стороны после их добавления.
- Управление расписанием, поддерживает функции создания и удаления расписаний.
- Фоновое управление: самостоятельный проект, реализованный с помощью React.
- Мы приветствуем более подробные функции после того, как я разверну код онлайн в ближайшие несколько дней.
2. Стек технологий
Vue, Vuex, Element-UI, React, axios, sass, ES6, WebSocket, Node и т. д.
3. Трудности
- Разделение различных компонентов, файловая структура проекта.
- Измените группы пользователей, и пользовательский интерфейс сразу же отреагирует на группировку.
- После получения сеанса выполняется логика обработки для получения последнего сообщения каждого сеанса.
- Подключитесь к облаку Qiniu, чтобы реализовать загрузку изображений.
- Технология вебRTC.
- Мгновенные напоминания о получении сообщений и количестве непрочитанных сообщений.
- Настройки напоминания о прочтении сообщения.
- После выхода пользователя из системы внутренняя информация для входа немедленно очищается.
- Реализованы пространственные динамические комментарии и ответные комментарии.
- Ответы после выполнения операций между разными компонентами страницы.
4. Скриншоты проекта
1. Страница со списком недавних бесед (последние беседы сортируются по времени последнего сообщения, и беседа будет отсортирована первой после отправки нового сообщения)
2. Группировка друзей, классификация группового чата
3. Напоминание о новом сообщении, напоминание о прочтении
4. Пространственная динамика
За проектом я буду следить в последнее время, пока не будет реализована относительно полная система чата, а затем я оптимизирую и обновлю ее позже. адрес проекта:github.com/CCZX/wechatПриветствуем ваши ценные комментарии, если вы можете
PRилиissuesдаже лучше. Если вы считаете, что проект все еще в порядке, пожалуйста, оставьте свойstar✨Бар 🌹.