WebSocket 实践

工具

VSCode 插件：WebSocket Client

IDEA 插件：WebSocket Client

代码

SpringBoot 集成

websocketd 非常方便，可用于快速搭建一个测试用的 websocket 后端程序，比如，当你需要编写前端基于 websocket 的前端页面，但是还没有搭建 websocket 后端的时候，websocketd 就能派上用场。

下载websocketd-0.3.0-linux_amd64.zip，解压，在 websocketd 所在目录中，创建create.sh

1
2
3
4
5
6
7


#!/bin/bash

# Count from 1 to 10 with a sleep
for ((COUNT = 1; COUNT <= 100; COUNT++)); do
  echo $COUNT
  sleep 0.5
done

赋权后执行

1

websocketd --port=8089 ./create.sh

前端页面info.html：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


<!DOCTYPE html>
<pre id="log"></pre>
<script>
    // helper function: log message to screen
    function log(msg) {
        document.getElementById('log').textContent += msg + '\n';
    }

    // setup websocket with callbacks
    var ws = new WebSocket('ws://192.168.101.141:8089/');
    ws.onopen = function () {
        log('CONNECT');
    };
    ws.onclose = function () {
        log('DISCONNECT');
    };
    ws.onmessage = function (event) {
        log('MESSAGE: ' + event.data);
    };
</script>