Проект однорангового чата на основе Vue

внешний интерфейс Vue.js Vuex

помещение

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

стек технологий

Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket и т. д.

исходный код

Github

Пример проекта

  • Поскольку интерфейс проекта является онлайн-интерфейсом, при локальном запуске будет выдано сообщение об ошибке.Вы можете указать локальный адрес loaclhost на stone.snail.com
  • или посетить непосредственноонлайн-адрессуществуетдругое проектное сообществоЗарегистрируйте аккаунт, чтобы получить опыт после возвращения

Технические трудности

  • Внедрить инициативу из списка друзей в список чата
  • хранилище сообщений
  • Смена статуса онлайн и оффлайн в режиме реального времени
  • Напоминание о полученном сообщении и количество непрочитанных сообщений
  • Уведомление об удалении друга и т. д.

Запуск проекта

Скриншот проекта

好友界面

聊天界面

添加好友界面

聊天界面

聊天界面
欢迎关注 公众号【小夭同学】

Добро пожаловать в публичный аккаунт [Сяояо одноклассник]