基于Java的WebSocket推送

本文介绍了一种基于WebSocket的主动推送技术实现方式,并提供了一个简单的Java示例,包括客户端JavaScript代码和服务端Java代码,展示了如何建立连接、发送消息及服务端推送消息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

WebSocket的主动推送

关于消息推送,现在的解决方案如轮询、长连接或者短连接,当然还有其他的一些技术框架,有的是客户端直接去服务端拿数据。
其实推送推送主要讲的是一个推的概念,WebSocket是一种主动推送消息的技术。

基于Java的WebSocket

这里主要是结合网上的例子实现下。

简单的客户端JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Testing websockets</title>
</head>
<body>
  <div>
    <input type="submit" value="Start" onclick="start()" />
  </div>
  <div id="messages"></div>
  <script type="text/javascript">
    var webSocket =
      new WebSocket('ws://localhost:8080/wesocket/websocketTest');
    webSocket.onerror = function(event) {
      onError(event)
    };
 
    webSocket.onopen = function(event) {
      onOpen(event)
    };
 
    webSocket.onmessage = function(event) {
      onMessage(event)
    };
 
    function onMessage(event) {
      document.getElementById('messages').innerHTML
        += '<br />' + event.data;
    }
 
    function onOpen(event) {
      document.getElementById('messages').innerHTML
        = 'Connection established';
    }
 
    function onError(event) {
      alert(event.data);
    }
 
    function start() {
      webSocket.send('hello');
      return false;
    }
  </script>
</body>
</html>
服务端
package com.tony.websocket;

import javax.websocket.OnClose;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;

@ServerEndpoint("/websocketTest")
public class WebSocketTest {
    @OnMessage
    public void onMessage(String message, Session session) throws IOException, InterruptedException {

        // Print the client message for testing purposes
        System.out.println("Received: " + message);

        // Send the first message to the client
        session.getBasicRemote().sendText("This is the first server message");

        // Send 3 messages to the client every 5 seconds
        int sentMessages = 0;
        while (sentMessages < 3) {
            Thread.sleep(5000);
            session.getBasicRemote().sendText("This is an intermediate server message. Count: " + sentMessages);
            sentMessages++;
        }

        // Send a final message to the client
        session.getBasicRemote().sendText("This is the last server message");
    }

    @OnOpen
    public void onOpen() {
        System.out.println("Client connected");
    }

    @OnClose
    public void onClose() {
        System.out.println("Connection closed");
    }
}
pom.xml 文件
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.tony</groupId>
    <artifactId>wesocket</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <dependencies>
        <dependency>
            <groupId>javax.websocket</groupId>
            <artifactId>javax.websocket-api</artifactId>
            <version>1.0-rc5</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>
</project>

我这里用的是JDK是 jdk1.8.0_60 ,Tomcat用的是 apache-tomcat-7.0.64 。
1、建立连接

2、发送消息

3、服务端推送消息

Java WebSocketJavaEE7中新增的一个API,它提供了一种标准化的方式来创建基于WebSocket协议的应用程序。Vue3是一个流行的JavaScript框架,它可以通过WebSocket接收服务器发送的实时消息。 以下是Java WebSocket推送消息到Vue3的基本步骤: 1. 在Java中创建WebSocket服务器,使用javax.websocket.server.ServerEndpoint注解标记WebSocket服务器类。 2. 在Vue3中使用WebSocket API连接到Java WebSocket服务器,接收服务器发送的消息。 3. 在Java WebSocket服务器中,使用javax.websocket.Session对象向WebSocket客户端发送消息。 下面是示例代码: Java WebSocket服务器代码: ``` @ServerEndpoint("/websocket") public class WebSocketServer { @OnOpen public void onOpen(Session session) { // 新客户端连接时触发 } @OnMessage public void onMessage(String message, Session session) { // 接收客户端发送的消息 } @OnClose public void onClose(Session session) { // 客户端关闭连接时触发 } @OnError public void onError(Session session, Throwable error) { // 发生错误时触发 } public void sendMessage(Session session, String message) throws IOException { session.getBasicRemote().sendText(message); } } ``` Vue3代码: ``` const socket = new WebSocket('ws://localhost:8080/websocket'); socket.onopen = function() { console.log('WebSocket连接成功'); }; socket.onmessage = function(event) { console.log('收到服务器发送的消息:', event.data); }; socket.onclose = function() { console.log('WebSocket连接关闭'); }; socket.onerror = function() { console.error('WebSocket连接错误'); }; ``` 请注意,这只是一个简单的示例,实际应用中还需要考虑许多细节和安全问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值