A continuación se presenta un método para implementar un sistema de chat en tiempo real en el desarrollo de la nube del subprograma WeChat.
Dividido principalmente en tres pasos:
Tabla de contenido
Paso uno: diseño e implementación de la interfaz de chat
Paso 2: Monitoreo y visualización de mensajes en tiempo real
Como referencia, puede ubicar directamente los pasos correspondientes como referencia según los problemas existentes.
Estos son los pasos específicos:
Paso uno: diseño e implementación de la interfaz de chat
Este paso no implica contenido específico del chat en tiempo real, sino principalmente el diseño y codificación de la interfaz del chat. Por lo tanto, usaré directamente la interfaz específica del proyecto como área de visualización para analizarlo para todos.
En el área roja de la imagen, una es el área de visualización de mensajes de chat, esta área mostrará los mensajes que envié yo y los mensajes que me envió la otra parte. Uno es un botón de chat para enviar mensajes. El código específico es muy simple, así que no lo mostraré aquí.
Bien, echemos un vistazo al segundo paso.
Paso 2: Monitoreo y visualización de mensajes en tiempo real
La implementación de mensajes en tiempo real se basa principalmente en la función de vigilancia proporcionada en el desarrollo de la nube para monitorear las actualizaciones de datos en la base de datos. Como se muestra en la imagen.
Para conocer el uso de funciones específicas, consulte las instrucciones en la documentación del subprograma de WeChat: Colección: Objeto | Documentación abierta de WeChat
Los pasos específicos del proceso de escritura se dividen en dos pasos:
Paso 1: Defina la función de escucha doWatcher().
En esta función, lo que observamos es la colección llamada 'chats' en la base de datos en la nube. Usamos el evento onChange para determinar si los datos en la colección 'chats' han cambiado. Si hay un cambio, todos los usuarios recibirán el cambio. en los datos de la nube. Notificación (esta notificación se envía automáticamente al cliente desde la nube). Después de recibir el mensaje, el cliente determina el estado de la actualización de datos según el tipo de datos. Si cumple con sus propios requisitos, puede escribir su propio aquí lógica. Para conocer el valor de tipo de datos, consulte la documentación oficial. Como se muestra en la imagen.
Paso 2: inicie la función de escucha.
Habilite la función de escucha donde necesita comenzar a monitorear. En circunstancias normales, se colocará en la función de carga de página.
Paso 3: Los resultados de la prueba se muestran en la figura (comunicación entre teléfono móvil y computadora)
Salida de consola:
Bienvenido a seguir, dar me gusta y coleccionar. Si tiene alguna pregunta, deje un mensaje o únase a la comunicación QQ: 3110689397.