springboot中socket如何模拟数据并在前端显示

在SpringBoot中模拟Socket数据可以使用MockServer来模拟Socket服务端的响应数据。MockServer是Java语言编写的开源项目，可以用于模拟HTTP、HTTPS、Socket和AMQP等各种协议的服务器端。

以下是使用MockServer模拟Socket数据的简单示例：

1.在pom.xml中添加依赖：

<dependency>
    <groupId>org.mock-server</groupId>
    <artifactId>mockserver-netty</artifactId>
    <version>5.0.0</version>
    <scope>test</scope>
</dependency>

2.在测试类中编写代码：

@RunWith(SpringRunner.class)
@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
public class SocketTest {
 
    @Autowired
    private TestRestTemplate restTemplate;
 
    @ClassRule
    public static MockServerRule mockServerRule = new MockServerRule(this);
 
    private static MockServerClient mockServerClient;
 
    @BeforeClass
    public static void init() {
        mockServerClient = new MockServerClient("localhost", mockServerRule.getPort());
    }
 
    @Test
    public void testSocket() {
        // 模拟Socket服务端响应数据
        mockServerClient.when(request()
                .withMethod("POST")
                .withPath("/api/socket"))
                .respond(response()
                        .withStatusCode(200)
                        .withBody("{\"data\":\"Hello World\"}", Charset.forName("utf-8")));
 
        // 发送Socket请求
        ResponseEntity<String> response = restTemplate.postForEntity("/api/socket", null, String.class);
        assertEquals(HttpStatus.OK, response.getStatusCode());
 
        // 打印Socket服务端响应数据
        log.info("Socket Response: {}", response.getBody());
    }
 
}

3.在前端中使用JavaScript模拟Socket请求：

<script type="text/javascript">
    var socket = new WebSocket("ws://localhost:8080/api/socket");
    socket.onmessage = function(event) {
       console.log("Socket Response: " + event.data);
       document.getElementById("msg").innerText = event.data;
    };
</script>

<div id="msg"></div>

注意：在运行测试类之前，需要先启动SpringBoot应用，并保证MockServer的端口号没有被占用。在前端中需要用WebSocket来模拟Socket请求，而不是普通的AJAX请求。