El mini programa WeChat configura el entorno websocket y cómo configurarlo en el mini programa
En primer lugar, presentemos brevemente qué es websocket.
1. WebSocket es una cosa (protocolo) creada por HTML5, lo que significa que el protocolo HTTP no ha cambiado, o sí. No importa, pero HTTP no. ¿Admite conexiones persistentes (las conexiones largas y las conexiones cíclicas no se cuentan)?
En primer lugar, HTTP tiene 1.1 y 1.0, que es el llamado keep-alive. , que combina múltiples solicitudes HTTP en una, pero Websocket De hecho, es un nuevo protocolo que básicamente no tiene nada que ver con el protocolo HTTP, solo para ser compatible con las especificaciones de protocolo de enlace de los navegadores existentes. un complemento del protocolo HTTP. ¿Puedes entenderlo a través de una imagen así?
Hay intersecciones, pero no todas. ?
Además, Html5 hace referencia a una serie de nuevas API, o nuevas especificaciones y nuevas tecnologías. El protocolo Http en sí solo tiene 1.0 y 1.1, y no tiene relación directa con el propio Html. . ?
En términos sencillos, puedes utilizar el protocolo HTTP para transmitir datos que no sean HTML, eso es todo =. =?
En pocas palabras, los niveles son diferentes.
2. ¿Qué tipo de protocolo es Websocket y cuáles son sus ventajas específicas?
En primer lugar, Websocket es un protocolo persistente, en comparación con protocolos no persistentes como HTTP. ?
Pongamos un ejemplo simple y usemos el ciclo de vida de PHP que se usa ampliamente actualmente para explicarlo. ?
1) El ciclo de vida de HTTP está definido por Solicitud, es decir, una Solicitud y una Respuesta. En HTTP 1.0, esta solicitud HTTP finaliza. ?
Se ha mejorado en HTTP1.1 para que haya un mantenimiento, es decir, en una conexión HTTP, se pueden enviar múltiples solicitudes y se pueden recibir múltiples respuestas. ?
Pero recuerde que Solicitud = Respuesta siempre es el caso en HTTP, lo que significa que una solicitud solo puede tener una respuesta. Además, esta respuesta también es pasiva y no puede iniciarse activamente.
?
Bien, detengámonos aquí para conocer los detalles. ¿Estás ansioso por leer el código? Entonces, ¿sigue leyendo?
¿Utiliza node.js para configurar websocket?
1. Primero, por supuesto, vaya al sitio web oficial para descargar el paquete de instalación de node.js (nodo Baidu). .js es suficiente) )?
2. Una vez completada la descarga, naturalmente se instalará. ¿Qué pasa después de que se complete la instalación?
3. si la instalación es exitosa: abra cmd e ingrese nodo -v como se muestra a continuación.
Si hay un número de versión, ¡la instalación fue exitosa! ?
4. A continuación, ¿aún usas cmd e ingresas npm install ws en el panel del controlador como se muestra a continuación?
¿Aparece el número de versión que indica que la instalación se realizó correctamente?
5. A continuación, ¿puede probar si se puede utilizar?
Código del lado del servidor
var WebSocketServer = require('C:/Users/Administrator/node_modules/. ws').Server,
wss = new WebSocketServer({ puerto: 8080 });
wss.on('conexión', función (ws) { console.log(" Prueba recibida");
ws.on('mensaje', función (mensaje) { console.log('1111') console.log(message);
});
}); 123456789
Todavía se puede utilizar en mini programas;?
A continuación, el código del cliente
lt;! DOCTYPE htmlgt;lt;htmlgt ;
lt;bodygt;
lt;h1gt;WebSocketlt;/h1gt;
lt;script src="ceshi.js "gt;lt;/ scriptgt;
lt;/bodygt;lt;/htmlgt;12345678
var ws = new WebSocket("ws://127.0.0.1:8080/ ");
ws.onopen = function() {
alert("Abierto");
ws.send("0000000");
} ;
ws.onmessage = función (evt) {
alerta(evt.data
};
ws.onclose = función() {
alerta("Cerrado"
};
ws.onerror = función(err) {
alert("Error: " err);
};123456789101112131415161718
Puedes integrarlos juntos, ¡tú decides! ?
Entonces alguien dirá, ¿cómo ves el efecto? No te preocupes, el siguiente paso es abrir tu cmd y usar node para abrir la ubicación del servidor que acabas de escribir, como ¿Se muestra a continuación?
Entonces puedes abrir la página web de tu cliente y aparecerá el efecto.
¿Es este el efecto?
Ahora que se puede usar, significa que no hay ningún problema con el medio ambiente. A continuación, veamos cómo usar el mini programa.
Por conveniencia, usé el botón. para iniciar la solicitud?
código wxml
lt;button bindtap="websocket" gt;websocket linklt;/buttongt;1
código js
Página({
datos: {
ruta: ''
},
onLoad: función(opt ){
},
websocket: función(){
var msg="Guess"
var socketOpen=true
wx.connectSocket ({
url: 'ws://127.0.0.1:8080/'
})
wx.onSocketOpen (función(res){
p>
wx.sendSocketMessage({
datos: msg
})
} )
wx.onSocketMessage(función (res) {
console.log(res.data)
})
}
})1234567891011121314151617181920212223
Tenga en cuenta que cuando lo use en WeChat, puede probarlo primero y luego agregar una función que devuelva datos en el lado del servidor (esa función está en el código I publicado, pero no está en el lado del servidor. Lo encontrará si mira más de cerca), no queda nada por decir. Este es el más simple. Si desea profundizar más, no tiene fin. Bien, si no lo entiendes, ¡puedes dejar un comentario a continuación!