Me he esforzado mucho en desarrollar este proyecto. Si te resulta útil e inspirador, espero darle una star en GitHub . ¡También apoya y afirma mi trabajo!
¡También estoy muy agradecido con kulovecc por corregir y enviar el problema del diseño de desbordamiento de texto demasiado largo en el proyecto!
introducir:
wechat-im es una plantilla completa que le permite implementar rápidamente funciones de mensajería instantánea en la plataforma del mini programa.
Ahora actualizado a la versión 2.xx
En comparación con 1.0.x y versiones anteriores, nuevas funciones en 2.xx
La sintaxis de ES6 se utiliza por completo y las operaciones asincrónicas utilizan Promise y azúcar de sintaxis asíncrona para hacer que el código sea más semántico. (Requiere herramientas de desarrollo de WeChat más nuevas y activar la "compilación mejorada")
La función de entrada de texto se ha componenteizado utilizando Component, ¡que tiene un mejor rendimiento que la versión anterior!
La versión mínima admitida de la biblioteca básica WeChat es 2.6.1 (la versión mínima admitida anterior era 1.4.0)
Se solucionaron problemas en algunos escenarios. Por ejemplo, al reproducir un mensaje de voz, si sale de la interfaz de chat, la voz aún se reproducirá.
Documento 2.xx, actualícelo en unos días. Los estudiantes que sean capaces pueden actualizarlo. La mayor parte es actualización de sintaxis y creación de componentes. He estado bastante ocupado últimamente, así que lo siento por todos mis compañeros de clase.
característica:
¡En la actualidad, webSocket se ha utilizado en el proyecto para realizar la función de comunicación de mensajería instantánea! Actualmente incluye página de lista de sesiones, página de sesión y página de amigos. Admite el uso de nodejs para abrir el servicio WebSocket local.
Admite el envío de texto, imágenes, voces y admite expresiones emoji en el método de entrada
Admite tomar fotografías, seleccionar imágenes de la galería y obtener una vista previa de las mismas.
Admite mostrar el botón enviar al cambiar a entrada de texto.
Admite reproducción de voz y reproducción de animación.
Admite configurar el tiempo mínimo y máximo para grabar voz.
Admite la configuración de eventos personalizados.
Mensajes de chat de soporte ordenados por tiempo.
Después de enviar un mensaje, la página volverá al final.
Utiliza la última interfaz de reproducción de voz y es compatible con interfaces de reproducción de voz de versiones anteriores.
Actualización de estado del mensaje que se envió, se envió correctamente y no se pudo enviar
Admite errores en el envío de mensajes, haga clic en el botón reenviar para reenviar.
Optimice la lógica de visualización de la burbuja de tiempo. La información adyacente tiene más de 5 minutos antes de que se muestre la última información.
Se agregó visualización de la interfaz de usuario del estado de la sesión en la parte superior de la página.
Función personalizada para mostrar burbujas personalizadas.
Al analizar la información de los mensajes de voz o imagen, los archivos locales se leen primero.
El algoritmo de almacenamiento de archivos se implementa para garantizar que los archivos de voz e imágenes en el espacio de almacenamiento de 10 M estén actualizados.
Cada tipo de mensaje y cada función se ha modularizado, lo que hace que navegar por el código sea agradable y fácil. (En realidad, esta no es una característica del componente...)
Funciones no compatibles actualmente:
Si desea utilizar el chat grupal, los apodos de los miembros no se muestran junto al avatar en la interfaz de usuario actual.
No hay mensajes de chat históricos almacenados localmente. Vea el final del documento para conocer el motivo.
Actualmente, todas las funciones de WebSocket son solo para aprendizaje y referencia. Si desea utilizarlas comercialmente, desarrollelas usted mismo.
Actualmente no es compatible como complemento.
¿Qué condiciones necesitas para estudiar o utilizar este proyecto?
Debe estar familiarizado con las especificaciones de sintaxis y los patrones de diseño de ES6; de lo contrario, el proyecto tendrá un umbral alto para usted.
No es necesario dominar WebSocket en profundidad, pero es necesario conocer las API comunes y el uso de WebSocket. Para obtener más información, consulte el miniprograma WebSocket.
Comprender la instalación de dependencias npm y la ejecución de comandos (este bloque se utiliza principalmente para iniciar el servicio WebSocket local)
Cómo instalar y usar
1. Proyecto de importación de herramientas de desarrollador
项目根目录下启动Terminal
需先安装依赖 npm install
执行 npm run server 即可开启WebSocket服务
3. Utilice herramientas de desarrollador para ejecutar el proyecto.
Si su proyecto utiliza este marco y se pone en funcionamiento oficialmente, si es conveniente, puede proporcionar el código QR de su mini programa y puedo promocionarlo aquí.
ENLACE
Documento
Preguntas
Registro de cambios
LICENCIA
cooperar
Para intercambios técnicos, únase a los grupos QQ: Grupo 1: 821711186 (completo) Grupo 2: 834335591
Si tiene alguna intención de cooperar o desea promocionar sus productos, puede agregar QQ: 1178545208
