MallChatWeb

Торговый центрЧат-Матча

Система электронной коммерции, которая позволяет совершать покупки и общаться в режиме реального времени. Стремление создавать лучшие практики для интернет-проектов корпоративного уровня.
В нем должны быть все корзины для покупок, заказы, платежи, рекомендации, поиск, новые сотрудники, рекламные акции, push-уведомления, логистика и обслуживание клиентов, которые должны быть в электронной коммерции. Продолжайте обновлять~

Навигация по проекту

1. Адрес быстрого доступа : домашняя страница чата Matcha.

2. Репозиторий бэкэнд-проекта : MallChat.

3. Видеозапись проекта : В адресе Билибили рассказывается о ходе проекта, мысли о выборе функций и запрашиваются предложения по итерации на протяжении всего процесса.

4. Учебный документ проекта : более 100 000 слов, маршрут обучения на уровне няни, построение среды, основные функции, колеса инфраструктуры, стресс-тестирование интерфейса, записи проблем, никто не остается позади. Вы можете нажать на документ проекта Matcha, чтобы просмотреть его (включая большую коммуникационную группу из 500 человек).

5. Коммуникационная группа проекта : Если вас интересует матча, вы можете присоединиться к коммуникационной группе. Каждое ваше движение будет определять будущее направление проекта. Если вы вносите предложения в качестве менеджера по продукту, находите ошибки в качестве тестировщика или участвуете в разработке небольших модулей в качестве участника, вы можете присоединиться.

6. Облачный склад кода : https://gitee.com/Evansy/MallChatWeb (доступ внутри страны быстрее)

Введение в проект

Matcha Chat — это проект обмена мгновенными сообщениями, который подключается к интерфейсному веб-сокету через Netty. Он содержит вход для входа в систему WeChat, список участников, онлайн- и оффлайн-анимацию, список сообщений, взаимодействие с сообщениями и множество практичных небольших столбцов, таких как журнал операций, аннотация распределенной блокировки, аннотация управления частотой, анализ IP и владение и т. д., и находится в стадии разработки. постоянно обновляется. . .

Демонстрация проекта

Запуск и развертывание проекта

• Среда: узел 16.18+, инструмент управления пакетами pnpm (после установки узла выполните npm i pnpm -g );

• Установите зависимости: после клонирования проекта выполните pnpm i

• ошибка установки npm , добавьте параметр npm i --ignore-scripts после команды, чтобы игнорировать зависимости, связанные со scripts , чтобы решить проблему

• Рекомендуется использовать pnpm . Установка зависимостей не вызовет проблем из-за сбоев сети.

• Запуск: нажмите F5 , чтобы автоматически выполнить pnpm run dev и открыть браузер.

• развертывать

• Развертывание на локальном компьютере: после выполнения pnpm build поместите папку dist на сервер и настройте nginx

• Автоматический CI/CD: автоматическая сборка и развертывание на сервере после отправки кода на GitHub с помощью github actions . Подробную информацию см. в файле Deploy.yml.

C-сайд проект

• Адрес внешнего проекта: https://github.com/Evansy/MallChatWeb.

• Демонстрационный адрес проекта: https://mallchat.cn (помните matcha.cn, вы сможете открыть его напрямую в следующий раз, когда будете работать)

Выбор технологии

Фронтальная технология

технология	иллюстрировать	Официальный сайт
Vue3	Популярный фреймворк для фронтенд-разработки	https://cn.vuejs.org
Пиния	vue3 официально рекомендует структуру управления состоянием	https://pinia.vuejs.org
vue-маршрутизатор	Официальный маршрут Vue	https://router.vuejs.org
Машинопись	Пусть в JS есть объявления типов	https://www.typescriptlang.org/
Элемент Плюс	Библиотека компонентов на основе vue3.	https://element-plus.gitee.io
Алова	Облегченная библиотека стратегии запросов, которую легче использовать, чем axios.	https://alova.js.org/
здравствуйте	Чрезвычайно быстрый интерфейсный инструмент для упаковки и сборки	https://cn.vitejs.dev
пнпм	Быстрый менеджер пакетов, экономящий место на диске	https://www.pnpm.cn

Бэкэнд-технологии

См. MallChat

Настройка внутренней среды

Измените среду запуска spring.profiles.active = test application.yml в каталоге проекта, затем найдите файл того же уровня application-test.properties и заполните собственную конфигурацию среды. Участники Planet предоставляют набор конфигураций тестовой среды, которые можно подключить напрямую.

Проектная документация

Маршрут обучения на уровне няни охватывает создание среды, основные функции, оптимизацию производительности, отчетность по точкам, запись проблем и основные моменты проекта. Нажмите «Документы проекта».

Более интересные функции постоянно обновляются. . .

диаграмма звездного тренда

способствовать

Прежде чем делать взносы, пожалуйста, прочтите Кодекс поведения и Рекомендации по внесению взносов. Спасибо всем, кто внес свой вклад в MallChat!

внешний интерфейс:

задняя часть:

Выдающиеся участники:

категория	пользователь	Модуль вклада
внешний интерфейс		Отправляйте и получайте сообщения изображений, голоса и типов файлов.
		Интерактивные операции с сообщениями (отозвать, поставить лайк, удалить)
		виртуальный список
задняя часть		Чувствительное обнаружение слов DFA
		Чат-бот OpenAI
		Чувствительное обнаружение слов в автомате переменного тока
		Программирование ограничения тока
		аутентификация по рукопожатию

Официальный аккаунт

Найдите Java Road Абина в WeChat и подпишитесь на мою первоначальную общедоступную учетную запись. Ответьте « Matcha » в фоновом режиме, чтобы присоединиться к коммуникационной группе Matcha. Некоторые друзья, которые общались в корпоративных чатах с десятками тысяч людей и имеют высокий уровень параллелизма, обсуждают в ней планы. Официальный аккаунт также будет часто обновлять документы, связанные с проектом, ожидая ваших комментариев~~