Websocket session has ended

Question

Websocket session has ended

Delving into the world of webSockets, Angular, and Play framework has been a rewarding journey so far. I've been utilizing https://github.com/AngularClass/angular-websocket for seamless integration with Angular. The connection setup like this:

var dataStream = $websocket('wss://echo.websocket.org/');

runs smoothly. However, attempting to connect to:

var dataStream = $websocket('wss://localhost:9000/socket');

leads to the following error:

WebSocket connection to 'wss://localhost:9000/socket' failed: Error in connection establishment: net::ERR_CONNECTION_CLOSED

The logs from Play/Netty only show:

 play.core.server.netty.PlayDefaultUpstreamHandler - Exception caught in Netty
java.lang.IllegalArgumentException: empty text

This is the code snippet used on the backend:

def socket = WebSocket.acceptWithActor[String, String] { request => out =>
    MyWebSocketActor.props(out)
  }
object MyWebSocketActor {
  def props(out: ActorRef) = Props(new MyWebSocketActor(out))
}
class MyWebSocketActor(out: ActorRef) extends Actor {
  def receive = {
    case msg: String =>
      out ! ("I received your message: " + msg)
  }
}

(taken from: )

You can view my code here: https://github.com/dataplayground/playground/blob/master/public/javascripts/main.js

javascript angularjs playframework websocket playframework-2.4

Answer 1

Answer №1

As I mentioned previously:

Have you attempted using the regular ws protocol instead of the secure one (wss)? It should be like this:
```
$websocket('ws://localhost:9000/socket')
```
You have specified an actor that handles [String, String], but in your Angular part, you are working with JSON. Both should align, so consider using:
```
WebSocket.acceptWithActor[JsValue, JsValue]
```

I am uncertain if you are returning valid JSON data and handling it correctly on the Angular side.

If you use the backslash \ method (), you will obtain a JsValue, but this does not necessarily denote valid JSON. For instance, if you have {"foo": "test"} and search for for, you will get "test," which is not valid JSON.

To quickly address this, try either changing the Websocket Actor to be of type [JsValue, String] OR construct a new JsValue within your Actor:

class MyWebSocketActor(out: ActorRef) extends Actor {
  def receive = {
    case msg: JsValue =>
      Logger.debug("actor something  " + out)
      Logger.debug("message  " + Json.prettyPrint(msg))

      val json: JsValue = Json.parse("""
      {
          "fooReply" : "Something"
      }
      """)
      out ! json
  }
}

Edit:

Is this related to ng-websocket where you need to access the data property instead of directly using message?

dataStream.onMessage(function (message) {
    collection.push(JSON.parse(message.data));
});

Answer 2

As I mentioned previously:

Have you attempted using the regular ws protocol instead of the secure one (wss)? It should be like this:
```
$websocket('ws://localhost:9000/socket')
```
You have specified an actor that handles [String, String], but in your Angular part, you are working with JSON. Both should align, so consider using:
```
WebSocket.acceptWithActor[JsValue, JsValue]
```

I am uncertain if you are returning valid JSON data and handling it correctly on the Angular side.

If you use the backslash \ method (), you will obtain a JsValue, but this does not necessarily denote valid JSON. For instance, if you have {"foo": "test"} and search for for, you will get "test," which is not valid JSON.

To quickly address this, try either changing the Websocket Actor to be of type [JsValue, String] OR construct a new JsValue within your Actor:

class MyWebSocketActor(out: ActorRef) extends Actor {
  def receive = {
    case msg: JsValue =>
      Logger.debug("actor something  " + out)
      Logger.debug("message  " + Json.prettyPrint(msg))

      val json: JsValue = Json.parse("""
      {
          "fooReply" : "Something"
      }
      """)
      out ! json
  }
}

Edit:

Is this related to ng-websocket where you need to access the data property instead of directly using message?

dataStream.onMessage(function (message) {
    collection.push(JSON.parse(message.data));
});

Websocket session has ended

Answer №1

Similar questions

UI-router causing issues with recognizing query parameters

Activate the timepicker in Bootstrap when the user clicks on the input field

When utilizing the POST method, the information is submitted to the server without being displayed

Issues with finding your way

Temporarily suspend an application when a user initiates a new tab in AngularJS

fetch and modify data simultaneously in firebase

Is there a way to use SCTP with Socket.io and Node.js?

What could be causing only the initial DropDown to be filled with content when dynamically creating DropDowns with Jquery?

Tips for gradually increasing numerical values line by line

Seeking assistance to prevent data duplication when transferring information from list1 to list2 in React.js

Connecting Node.js with Express.js allows you to access the session data from the "upgrade" event

The functionality of TabIndex is not compatible with input elements when used within RadWindow

Obtain the Zero-width non-joiner character (‌) using the innerHTML attribute

"Discover how simple tips can enhance your website's user experience by enabling

Navigate the user to various pages in a Node.js application based on login status

Show the value in a field without permanently storing it in the model

Converting date formats using AngularJS

Unraveling the Mysteries of AngularJS in a Tutorial Snippet

What causes button events to cease after the 3rd click?

Is there a way to connect JSON data with an HTML table using AngularJS?