java实现

Java可以使用Spring Boot框架中的WebSocket实现实时通知，步骤如下：

1. 创建WebSocket配置类，继承自`WebSocketConfigurer`，并添加`@Configuration`注解。在配置类中，重写`registerWebSocketHandlers`方法，指定WebSocket的处理器和拦截器。

@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {

    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(new PaymentHandler(), "/payment")
                .addInterceptors(new PaymentInterceptor());
    }
}

2. 创建WebSocket处理器，实现`WebSocketHandler`接口，并重写其中的方法。

public class PaymentHandler implements WebSocketHandler {

    @Override
    public void afterConnectionEstablished(WebSocketSession session) throws Exception {
        // 连接建立后，可以向前端发送消息，通知支付已完成
        session.sendMessage(new TextMessage("Payment completed."));
    }

    @Override
    public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {
        // 处理前端发送的消息
    }

    @Override
    public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {
        // 处理传输错误
    }

    @Override
    public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {
        // 连接关闭后的操作
    }

    @Override
    public boolean supportsPartialMessages() {
        return false;
    }
}

3. 创建WebSocket拦截器，实现`HandshakeInterceptor`接口，并重写其中的方法。

public class PaymentInterceptor implements HandshakeInterceptor {

    @Override
    public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Map<String, Object> attributes) throws Exception {
        // 在握手之前的操作，例如获取用户信息，将其存储到WebSocketSession的attributes中
        return true;
    }

    @Override
    public void afterHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Exception exception) {
        // 在握手之后的操作
    }
}

4. 在前端页面中，使用`new WebSocket(url)`创建WebSocket连接，并在`onopen`回调中处理连接建立后的操作。

var ws = new WebSocket("ws://localhost:8080/payment");

ws.onopen = function() {
    console.log("WebSocket connection established.");
};

ws.onmessage = function(event) {
    console.log("Received message: " + event.data);
};

ws.onclose = function() {
    console.log("WebSocket connection closed.");
};

这样，当支付完成后，后端就可以向前端发送消息，通知支付已完成。