Question

我正在尝试学习websocket。我开始在同伴之间发送简单的字符串，一切都很好。现在我尝试将对象发送到我的javascript客户端，但onmessage函数永远不会触发。这是代码：

Java serverside：

@ServerEndpoint(value = "/event/{id}",
    encoders={PositionJSONEncoder.class},
    decoders={PositionJSONDecoder.class}
)
public class SocketManager {

private static ConcurrentHashMap<String, Session> users = new ConcurrentHashMap<String, Session>();
@OnMessage
    public void onMessage(Position position, @PathParam("id") String id, Session session) {

        log.info("user "+id+", "+position.toString());
        try {
            for(Entry<String, Session> entry : users.entrySet()) {
                if(!entry.getKey().equals(position.getUserID()) && entry.getValue().isOpen()) {
                    entry.getValue().getBasicRemote().sendObject(position);
                }
            }
        } catch (EncodeException ee) {
            log.error(ee);
        } catch (IOException ioe) {
            log.error(ioe);
        }
    }
}

serverendpoint编码器（我将省略解码器，服务器正确处理数据）：

public class PositionJSONEncoder implements Encoder.Text<Position>{

    private Gson gson = new Gson();

    public void destroy() {}

    public void init(EndpointConfig arg0) {}

    public String encode(Position arg0) throws EncodeException {
        return gson.toJson(arg0);
    }
}

服务器发送的模型：

public class Position {

    private String userID;
    private Float lat;
    private Float lng;

    public Position() {}

    public String getUserID() {
        return userID;
    }
    public void setUserID(String userID) {
        this.userID = userID;
    }
    public Float getLat() {
        return lat;
    }
    public void setLat(Float lat) {
        this.lat = lat;
    }
    public Float getLng() {
        return lng;
    }
    public void setLng(Float lng) {
        this.lng = lng;
    }

    @Override
    public String toString() {
        return userID+"["+"lat: "+lat+", "+"lng: "+lng+"]";
    }
}

我的pom的依赖项：

<dependencies>
        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-api</artifactId>
            <version>7.0</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.websocket</groupId>
            <artifactId>javax.websocket-api</artifactId>
            <version>1.0</version>
        </dependency>
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.16</version>
        </dependency>
        <!-- GSON JSON serializer -->
        <dependency>
            <groupId>com.google.code.gson</groupId>
            <artifactId>gson</artifactId>
            <version>1.7.1</version>
        </dependency>
</dependencies>

服务器正确地从客户端获取JSON对象，但是当它向客户端发送一些Position对象时，onmessage函数不会被激活。我可以看到Encoder正在工作，因为它返回这样的字符串：

{"userID":"bob","lat":2.0,"lng":2.0}

我看到websocket带有消息：

Position sent

但是我的javascript onmessage函数始终保持沉默。我还实现了onerror功能，但我也无法从中获得任何反馈。我使用的是wildfly-8.0.0.Final。

更新：我实现了一个java websocket客户端。此客户端接收服务器发送的websocket框架。我的AngularJS客户端错了吗？

Answer 1

我发现了什么问题。在我的javascript客户端中，我为未定义的对象分配了一个函数。这里：

service.ws.onmessage = function(msg) {
    try {
        alert('roba: '+JSON.parse(msg.data));
    } catch(err) {
        alert(err.message);
    }
};

service.ws.onmessage未定义，这就是为什么onmessage函数永远不会触发的原因。我以这种方式改变我的角度工厂：

app.factory('socket', function() {
    var service = {};
    service.ws = {};

    service.connect = function(userID) {
        this.ws = new WebSocket("ws://localhost:8080/event/"+userID);
        this.ws.onmessage = function(msg) {
            try {
                alert('roba: '+JSON.parse(msg.data).lat+' :: '+JSON.parse(msg.data).lng);
            } catch(err) {
                alert(err.message);
            }
        };
        this.ws.onerror = function(evt) {
            alert('error: '+evt.data);
        };
    };
    service.disconnect = function() {
        if(this.ws != undefined && this.ws != null) {
            this.ws.onclose();
        }
    };
    return service;
});

Websocket Javascript客户端onmessage不会触发

Java serverside：

serverendpoint编码器（我将省略解码器，服务器正确处理数据）：

相关客户端（AngularJS）：

服务器发送的模型：

我的pom的依赖项：

1 个答案: