DEV Community

Kristaps Grinbergs
Kristaps Grinbergs

Posted on • Edited on

WebSockets in iOS Using Swift

WebSockets allow for extremely fast two-way networking communication, which lets you send and receive updates quicker and more often, not to mention securely. WebSocket is a communication protocol that uses sockets, providing duplex communication over a single TCP connection. It was standardized by the IETF in 2011 and is a different protocol from HTTP.

WebSockets are widely used in chat apps, streaming real-time notifications, and stock prices.

Websocket lifecycle

Shaking hands with the serverWebSockets allow for extremely fast two-way networking communication, which lets you send and receive updates quicker and more often, not to mention securely. WebSocket is a communication protocol that uses sockets, providing duplex communication over a single TCP connection. It was standardized by the IETF in 2011 and is a different protocol from HTTP.

WebSockets are widely used in chat apps, streaming real-time notifications, and stock prices.

Websocket lifecycle

Shaking hands with the server

The handshake app is the web part in WebSockets. It's the bridge from HTTP to WebSocket. The client sends a pretty standard HTTP GET request to the server:

    GET /chat HTTP/1.1
    Host: example.com:8000
    Upgrade: websocket
    Connection: Upgrade
    Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
    Sec-WebSocket-Version: 1
Enter fullscreen mode Exit fullscreen mode

The most interesting thing here is Sec-WebSocket-Key which is needed for security reasons and is generated according to the
WebSocket standard.

The server validates the request and, if everything is fine, sends back an HTTP response:

    HTTP/1.1 101 Switching Protocols
    Upgrade: websocket
    Connection: Upgrade
    Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
Enter fullscreen mode Exit fullscreen mode

Exchange the information

At any time, the server or client can send data that follows this specific format:

Websocket Frame Format

I will not go over each part, but you can find out more in the standard.

Pings and pongs

At any point, the client or server can send a ping, and other party must send back a pong.

Closing

Connection can be closed by any party via sending a specified control sequence.

Implementing WebSockets in iOS

Implementing WebSockets in iOS, macOS, tvOS or watchOS isn’t a trivial task. New Network.framework can simplify that but you still need to deal with underlying tasks like upgrading connection and setting up a WebSocket frame.

Starscream

The Swift WebSocket client library Startscream simplifies all the heavy-lifting tasks. Install the library and import it in any Swift file.

  import Starscream
Enter fullscreen mode Exit fullscreen mode

Creating the connection

After that, create a connection and set up the delegate.

  let url = URl(string: "ws://echo.websocket.org")!
  let request = URLRequest(url: url)
  let websocket = WebSocket(request: request)
Enter fullscreen mode Exit fullscreen mode

Setting up delegation

Then we need to set up delegate and implement didReceive method with event WebSocektEvent type.

  func didReceive(event: WebSocketEvent, client: WebSocket) {
    switch event {
    case .connected(let headers):
      print("connected \(headers)")
    case .disconnected(let reason, let closeCode):
      print("disconnected \(reason) \(closeCode)")
    case .text(let text):
      print("received text: \(text)")
    case .binary(let data):
      print("received data: \(data)")
    case .pong(let pongData):
      print("received pong: \(pongData)")
    case .ping(let pingData):
      print("received ping: \(pingData)")
    case .error(let error):
      print("error \(error)")
    case .viabilityChanged:
      print("viabilityChanged")
    case .reconnectSuggested:
      print("reconnectSuggested")
    case .cancelled:
      print("cancelled")
    }
  }
Enter fullscreen mode Exit fullscreen mode

Once this is done, we can start the connection. Making the handshake and upgrading connection is done behind the scenes by the library.

  socket.connect();
Enter fullscreen mode Exit fullscreen mode

Sending data

There are several ways to send data:

  • binary
  • string
  • ping
  • pong

The easiest way is to just send a string:

  socket.write(string: "Hi Server!")
Enter fullscreen mode Exit fullscreen mode

Closing the connection

At any point, we can check close it if it’s not needed anymore.

  websocket.disconnect(closeCode: CloseCode.goingAway.rawValue)
Enter fullscreen mode Exit fullscreen mode

TL;DR

WebSocket isn’t a first-class citizen in iOS, macOS, tvOS and watchOS. It can be quite overwhelming to implement, use and understand it, but the Swift library Starscream can help you take care of all these tasks.

Links

Top comments (0)