话不多说，以下为前端 SocketIO 代码示例
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>TestConnect</title><base><script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script><script src="https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js"></script><style>body {padding: 20px;}#console {height: 450px;overflow: auto;}.msg-color {color: green;}</style>
</head><body>
<div id="console" class="well"></div></body>
<script type="text/javascript">var socket;connect();function connect() {var userId = 'zhanleai';var opts = {query: 'userId=' + userId};socket = io.connect('http://127.0.0.1:33000', opts);socket.on('connect', function () {console.log("连接成功");output('当前用户是：' + userId );output('<span class="msg-color">连接成功了。</span>');});socket.on('disconnect', function () {output('<span class="msg-color">下线了。 </span>');});socket.on('channel_user', function (data) {let msg= JSON.stringify(data)output('收到 channel_user 频道消息了：' + msg );console.log(data);});}function output(message) {var element = $("<div>" + message + "</div>");$('#console').prepend(element);}</script>
</html>
