Javascript 如何使用上下文路径将WebSocketServlet添加到嵌入式Jetty服务器?

Javascript 如何使用上下文路径将WebSocketServlet添加到嵌入式Jetty服务器?,javascript,java,jetty,java-websocket,Javascript,Java,Jetty,Java Websocket,我试图在我正在开发的嵌入式Jetty应用程序中测试WebSocket支持。我的目标是将数据从服务器传输到浏览器。我还没有解决所有问题,因为我刚刚开始设置WebSocket servlet/处理程序 我看到的问题是Chrome无法连接到WebSocket处理程序: 到“ws://127.0.0.1:8081/stream”的WebSocket连接失败:WebSocket握手期间出错:意外响应代码:404 (匿名)@ws-test.js:1 HTTP 404来自Jetty,因为它没有任何与“/str

我试图在我正在开发的嵌入式Jetty应用程序中测试WebSocket支持。我的目标是将数据从服务器传输到浏览器。我还没有解决所有问题,因为我刚刚开始设置WebSocket servlet/处理程序

我看到的问题是Chrome无法连接到WebSocket处理程序:

到“ws://127.0.0.1:8081/stream”的WebSocket连接失败:WebSocket握手期间出错:意外响应代码:404 (匿名)@ws-test.js:1

HTTP 404来自Jetty,因为它没有任何与“/stream”注册的内容

就我个人而言,我不知道如何使用指定的URL设置WebSocketServlet或WebSocketHandler。我已经阅读了我能找到的所有示例和教程,但其中很多不是嵌入式Jetty,就是很旧。无论哪种情况,我都愿意犯错

我将从一些代码开始。以下是我的服务器上下文和处理程序的主要Jetty设置:

ResourceHandler resource_handler = new ResourceHandler();
resource_handler.setWelcomeFiles(new String[] { "index.htm" });
resource_handler.setResourceBase('./www');

ServletHandler servletHandler = new ServletHandler();

HandlerList handlers = new HandlerList();
handlers.setHandlers(new Handler[] { resource_handler, servletHandler, new DefaultHandler() });
server.setHandler(handlers);

// Add the /test servlet mapping
servletHandler.addServletWithMapping(TestServlet.class, "/test/*");

// Add websocket handler
handlers.addHandler(StreamingHandler.getServlet("/stream"));            
server.start();
这是我的StreamingHandler类,它扩展了WebSocketHandler。注意,我试图设置WebSocketHandler的上下文路径。关键是WebSocket要处理与以下对象的通信:

以下是我的基本WebSocket类:

@WebSocket
public class StreamingSocket {

    @OnWebSocketClose
    public void onClose(int statusCode, String reason) {
        System.out.println("Close: statusCode=" + statusCode + ", reason=" + reason);
    }

    @OnWebSocketError
    public void onError(Throwable t) {
        System.out.println("Error: " + t.getMessage());
    }

    @OnWebSocketConnect
    public void onConnect(Session session) {
        System.out.println("Connect: " + session.getRemoteAddress().getAddress());
        try {
            session.getRemote().sendString("Hello!");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @OnWebSocketMessage
    public void onMessage(String message) {
    System.out.println("Message: " + message);
}
}

最后是一些便宜的Javascript。我不会包括基本的HTML。它只是引用了以下内容:

var ws = new WebSocket("ws://127.0.0.1:8081/stream");

ws.onopen = function() {
    alert("Opened!");
    ws.send("Hello Server");
};

ws.onmessage = function (evt) {
    alert("Message: " + evt.data);
};

ws.onclose = function() {
    alert("Closed!");
};

ws.onerror = function(err) {
    alert("Error: " + err);
};

任何提示都将不胜感激。谢谢。

以经典的形式,我已经解决了这个问题,这要感谢Joakim Erdfelt(谢谢!)在这里的另一个SO问题中回答的Jetty食谱的链接:

基本上,我在这里查看了WebSocketServerViaFilter示例:

我从来没有见过这种用法,而且这本食谱很新,但它很有效。以下是我的新主服务器代码(请注意,如果希望为您的资源提供服务,则必须添加DefaultServlet):

然后我创建了一个WebSocketCreator实现。这似乎是一个不必要的步骤,但API的工作原理如下:

public class StreamingSocketCreator implements WebSocketCreator
{
    @Override
    public Object createWebSocket(ServletUpgradeRequest req, ServletUpgradeResponse resp)
    {
        return new PacketStreamingSocket();
    }
}
相同的WebSocket代码适用于:

@WebSocket
public class StreamingSocket {

    @OnWebSocketClose
    public void onClose(int statusCode, String reason) {
        System.out.println("Close: statusCode=" + statusCode + ", reason=" + reason);
    }

    @OnWebSocketError
    public void onError(Throwable t) {
        System.out.println("Error: " + t.getMessage());
    }

    @OnWebSocketConnect
    public void onConnect(Session session) {
        System.out.println("Connect: " + session.getRemoteAddress().getAddress());
        try {
            session.getRemote().sendString("Hello!");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @OnWebSocketMessage
    public void onMessage(String message) {
    System.out.println("Message: " + message);
}
最后,我的JavaScript代码可以找到WebSocket上下文路径

var ws = new WebSocket("ws://127.0.0.1:8081/stream");

ws.onopen = function() {
    alert("Opened!");
    ws.send("Hello Server");
};

ws.onmessage = function (evt) {
    alert("Message: " + evt.data);
};

ws.onclose = function() {
    alert("Closed!");
};

ws.onerror = function(err) {
    alert("Error: " + err);
};
这一切都在一起工作。现在我可以测试服务器->客户端数据流。谢谢,我希望这对其他人有帮助

@WebSocket
public class StreamingSocket {

    @OnWebSocketClose
    public void onClose(int statusCode, String reason) {
        System.out.println("Close: statusCode=" + statusCode + ", reason=" + reason);
    }

    @OnWebSocketError
    public void onError(Throwable t) {
        System.out.println("Error: " + t.getMessage());
    }

    @OnWebSocketConnect
    public void onConnect(Session session) {
        System.out.println("Connect: " + session.getRemoteAddress().getAddress());
        try {
            session.getRemote().sendString("Hello!");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @OnWebSocketMessage
    public void onMessage(String message) {
    System.out.println("Message: " + message);
}
var ws = new WebSocket("ws://127.0.0.1:8081/stream");

ws.onopen = function() {
    alert("Opened!");
    ws.send("Hello Server");
};

ws.onmessage = function (evt) {
    alert("Message: " + evt.data);
};

ws.onclose = function() {
    alert("Closed!");
};

ws.onerror = function(err) {
    alert("Error: " + err);
};