Proyecto de código abierto de mensajería instantánea implementado por vue + websocket + Springboot, código abierto WeChat

[Flying] -El cliente web del sistema de chat instantáneo, que utiliza el marco vue, basado en websocket para realizar el protocolo de texto basado en json para realizar la comunicación instantánea. El mensaje está sincronizado con el cliente de Android, admite texto, envío de imágenes y visualización de mensajes relacionados con videos. Admite llamadas de audio y video con el terminal Android.

dirección de código abierto de gitee:

Dado que el mensaje anterior es un enlace de transacción, hay una forma gratuita de recibirlo al final del artículo para los amigos que necesitan el código fuente.

 

Feixiang

 

Este proyecto es el código fuente del cliente del sistema de chat Feixiang

Realización del terminal web de mensajería instantánea vue basado en universe-push, use websocket para la comunicación de mensajes, soporte para el envío de texto e imágenes, soporte de audio y video en tiempo real, soporte de intercomunicación de audio y video con el cliente de chat Android

Captura de pantalla del proyecto

• notificación

 

• Mensaje de texto

 

• Mensaje con imagen

 

• Mensaje de video

 

Demo del proyecto

• Dirección de prueba pública del proyecto
• Seleccione cualquier contraseña de cuenta para iniciar sesión

帐号：13800000000, 13800000001, 13800000002
密码：556677

• Detenga temporalmente el registro y el inicio de sesión del código de verificación del teléfono móvil, y se notificará la activación posterior del grupo QQ

Planificación de versiones

V1.0.0

• Proceso de autenticación de inicio de sesión
• Realice la visualización de la lista de amigos y la adquisición de información del usuario
• Extracción de información de sesión, caché de mensajes de sesión
• Mensajería de texto simple
• Imagen de soporte, visualización de mensajes de video
• Función de conversación grupal

V1.0.1

• Agregue soporte de modo de pantalla completa, haga clic en el avatar del usuario para cambiar

 

V1.0.2

• Planes para agregar funciones de chat de audio y video
• Realice la intercomunicación de audio y video con el cliente Android

Llamadas de voz

 

videollamada

 

V1.0.3

• Aumente la función de búsqueda y adición de amigos, formando un ciclo cerrado de funciones

V1.0.4

• Función de lista de usuarios de grupo

V1.0.5

• Agregar interfaz de devolución de llamada asíncrona de websocket
• Agrega la función de crear grupos
• Salir del chat grupal
• Retirar mensaje
• Patadas y tirones grupales
• Modificar el nombre del grupo

 

V1.0.6

• Agrega la función de disolver grupos
• Optimizar la experiencia interactiva de salida y despido grupal
• Para grupos disueltos y grupos salidos, elimine conversaciones

Configuración de compilación

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev
# 运行请先检查如下配置：TCP服务配置，HTTPS配置，是否支持WSS,是否支持HTTPS，HTTP监听端口8081,HTTPS监听端口8443

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Para obtener una explicación detallada de cómo funcionan las cosas, consulte la guía y los documentos de vue-loader.

Proyecto de referencia

• Vista de gato

Componentes dependientes

• Complementos de video vue de uso común
• Jugador de sandía
• Soporte de iconos

Elementos recomendados

• vue-wechat
• vista de gato
• QRCodeLogin describe la operación de conmutación del código QR y el inicio de sesión con contraseña

Acuerdo de código abierto

Este proyecto utiliza un acuerdo de atribución no comercial Creative Commons Attribution Non Commercial 3.0 Unported

 

Dado que el mensaje anterior es un enlace de transacción, los amigos que necesitan problemas con el código fuente, como + seguir, agregan el asistente VX: mxx2020666, reciben