MallChatWeb

Centro ComercialChat-Matcha

Un sistema de comercio electrónico que puede comprar y chatear en tiempo real. Comprometido con la creación de mejores prácticas para proyectos de nivel empresarial de Internet.
Debe tener todos los carritos de compra, pedidos, pagos, recomendaciones, búsquedas, nuevas incorporaciones, promociones, notificaciones push, logística y atención al cliente que debe tener el comercio electrónico. Sigue actualizando ~

Navegación del proyecto

1. Dirección de experiencia rápida : página de inicio del chat Matcha

2. Repositorio de proyectos backend : MallChat

3. Grabación de video del proyecto : la dirección de Bilibili comparte el progreso del proyecto, ideas sobre la selección de funciones y solicita sugerencias de iteración a lo largo del proceso.

4. Documento de aprendizaje del proyecto : más de 100.000 palabras, ruta de enseñanza a nivel de niñera, construcción del entorno, funciones básicas, ruedas de infraestructura, pruebas de estrés de interfaz, registros de problemas, nadie se queda atrás. Puede hacer clic en el documento del proyecto Matcha para verlo (incluido un gran grupo de comunicación de 500 personas)

5. Grupo de comunicación del proyecto : Si estás interesado en el matcha, puedes unirte al grupo de comunicación. Cada movimiento que hagas determinará la dirección futura del proyecto. Ya sea que esté haciendo sugerencias como gerente de producto, encontrando errores como probador o participando en el desarrollo de pequeños módulos como colaborador, puede unirse.

6. Almacén de código en la nube : https://gitee.com/Evansy/MallChatWeb (el acceso nacional es más rápido)

Introducción del proyecto

Matcha Chat es un proyecto de mensajería instantánea que se conecta al websocket front-end a través de netty. Contiene inicio de sesión de escaneo de WeChat, lista de miembros, animación en línea y fuera de línea, lista de mensajes, interacción de mensajes y muchas columnas de rueda pequeñas prácticas, como registro de aop, anotación de bloqueo distribuido, anotación de control de frecuencia, análisis y propiedad de IP, etc., y se está actualizado continuamente. . .

Demostración del proyecto

Inicio y despliegue del proyecto.

• Entorno: nodo 16.18+, herramienta de administración de paquetes pnpm (después de instalar el nodo, ejecute npm i pnpm -g );

• Instalar dependencias: después de clonar el proyecto, ejecute pnpm i

• Error de instalación npm , agregue el parámetro npm i --ignore-scripts después del comando para ignorar las dependencias relacionadas con scripts para resolver el problema

• Se recomienda utilizar pnpm . La instalación de dependencias no causará problemas debido a fallas de red.

• Inicio: presione F5 para ejecutar automáticamente pnpm run dev y abrir el navegador

• desplegar

• Implementar en local: después de ejecutar pnpm build , coloque la carpeta dist en el servidor y configure nginx

• CI/CD automático: compila e implementa automáticamente en el servidor después de que el código se envía a GitHub a través de github actions . Para obtener una referencia detallada, consulte implementar.yml.

proyecto del lado C

• Dirección del proyecto front-end: https://github.com/Evansy/MallChatWeb

• Dirección de demostración del proyecto: https://mallchat.cn (recuerde matcha.cn, podrá abrirlo directamente la próxima vez que trabaje)

Selección de tecnología

Tecnología frontal

tecnología	ilustrar	Sitio web oficial
Vue3	Marco de desarrollo front-end popular	https://cn.vuejs.org
pinia	vue3 marco de gestión estatal recomendado oficialmente	https://pinia.vuejs.org
enrutador vue	Ruta oficial de Vue	https://router.vuejs.org
Mecanografiado	Deje que JS tenga declaraciones de tipo	https://www.typescriptlang.org/
Elemento más	Una biblioteca de componentes basada en vue3	https://element-plus.gitee.io
Álova	Una biblioteca de estrategias de solicitud liviana que es menos complicada de usar que axios	https://alova.js.org/
invitar	Herramienta de construcción y empaquetado frontal extremadamente rápida	https://cn.vitejs.dev
pnpm	Administrador de paquetes rápido que ahorra espacio en disco	https://www.pnpm.cn

tecnología de fondo

Ver Centro ComercialChat

Configuración del entorno de back-end

Modifique su entorno de inicio spring.profiles.active = test application.yml en el directorio del proyecto, luego busque el archivo del mismo nivel application-test.properties y complete su propia configuración de entorno. Los miembros de Planet proporcionan un conjunto de configuraciones de entorno de prueba que se pueden conectar directamente

Documentación del proyecto

La ruta de enseñanza a nivel de niñera cubre la construcción del entorno, funciones básicas, optimización del rendimiento, informes de puntos, registro de problemas y aspectos destacados del proyecto. Haga clic en Documentos del proyecto

Se actualizan continuamente funciones más interesantes. . .

gráfico de tendencias de estrellas

contribuir

Lea el Código de conducta y las Pautas de contribución antes de contribuir. ¡Gracias a todos los que han contribuido a MallChat!

Interfaz:

extremo posterior:

Colaboradores destacados:

categoría	usuario	Módulo de contribución
Interfaz		Enviar y recibir mensajes de tipos de imagen, voz y archivos
		Operaciones interactivas de mensajes (retirar, dar me gusta, eliminar)
		lista virtual
extremo posterior		Detección de palabras sensibles de DFA
		Chatbot abierto AI
		Detección de palabras sensibles al autómata Ac
		Programación limitante de corriente
		autenticación de protocolo de enlace

cuenta oficial

Busque Java Road de Abin en WeChat y siga mi cuenta pública original. Responda " Matcha " en segundo plano para unirse al grupo de comunicación Matcha. Algunos amigos que han realizado chats de empresa con decenas de miles de personas y tienen una alta concurrencia discuten planes en él. La cuenta oficial también actualizará con frecuencia los documentos relacionados con el proyecto, esperando que usted se burle ~~