Real-time iOS with Socket.IO: Build a Chat App in Swift

1// Example Package.swift integration (not typically needed for Xcode managed SPM)
2// swift-tools-version:5.3
3
4import PackageDescription
5
6let package = Package(
7    name: "YourProject",
8    dependencies: [
9        .package(url: "https://github.com/socketio/socket.io-client-swift", from: "16.0.0")
10    ],
11    targets: [
12        .target(
13            name: "YourProject",
14            dependencies: ["SocketIO"])
15    ]
16)
17

1pod 'Socket.IO-Client-Swift', '~> 16.0'
2

1touch Cartfile
2

1github "socketio/socket.io-client-swift" ~> 16.0
2

1carthage update --platform iOS
2

1const io = require('socket.io')(3000, {
2  cors: { origin: "*" }
3});
4
5io.on('connection', socket => {
6  console.log('User connected');
7
8  socket.on('send-message', message => {
9    socket.broadcast.emit('receive-message', message)
10  })
11
12  socket.on('disconnect', () => {
13    console.log('User disconnected');
14  });
15});
16

1import UIKit
2
3class ViewController: UIViewController {
4
5    @IBOutlet weak var messageTextField: UITextField!
6    @IBOutlet weak var chatTextView: UITextView!
7    
8    @IBAction func sendButtonTapped(_ sender: UIButton) {
9        // Send message logic will go here
10    }
11
12    override func viewDidLoad() {
13        super.viewDidLoad()
14        // Socket connection and setup will go here
15    }
16}
17

1import SocketIO
2
3class ViewController: UIViewController {
4
5    let manager = SocketManager(socketURL: URL(string: "http://localhost:3000")!, config: [.log(true), .compress])
6    var socket: SocketIOClient!
7    
8    @IBOutlet weak var messageTextField: UITextField!
9    @IBOutlet weak var chatTextView: UITextView!
10
11    @IBAction func sendButtonTapped(_ sender: UIButton) {
12        // Send message logic will go here
13    }
14
15    override func viewDidLoad() {
16        super.viewDidLoad()
17
18        socket = manager.defaultSocket
19
20        socket.on(clientEvent: .connect) {data, ack in
21            print("socket connected")
22        }
23
24        socket.connect()
25    }
26}
27

1@IBAction func sendButtonTapped(_ sender: UIButton) {
2    guard let message = messageTextField.text, !message.isEmpty else { return }
3    socket.emit("send-message", message)
4    messageTextField.text = ""
5}
6

1override func viewDidLoad() {
2    super.viewDidLoad()
3
4    socket = manager.defaultSocket
5
6    socket.on(clientEvent: .connect) {data, ack in
7        print("socket connected")
8    }
9
10    socket.on("receive-message") {data, ack in
11        if let message = data[0] as? String {
12            self.chatTextView.text += "
13" + message
14        }
15    }
16
17    socket.connect()
18}
19

1socket.on(clientEvent: .disconnect) {data, ack in
2    print("socket disconnected")
3}
4
5socket.on(clientEvent: .reconnect) {data, ack in
6    print("socket reconnected")
7}
8

1let chatSocket = manager.socket(forNamespace: "/chat")
2
3chatSocket.on(clientEvent: .connect) {data, ack in
4    print("Connected to chat namespace")
5}
6
7chatSocket.connect()
8

1// To join a room, emit an event to the server
2socket.emit("join-room", "room123")
3
4//To leave a room, emit an event to the server
5socket.emit("leave-room", "room123")
6

1io.on('connection', socket => {
2  socket.on('join-room', room => {
3    socket.join(room);
4  });
5
6  socket.on('leave-room', room => {
7    socket.leave(room);
8  });
9
10  socket.on('send-message', (message, room) => {
11    io.to(room).emit('receive-message', message); // Send to specific room
12  });
13});
14

1socket.emit("broadcast-message", "Hello everyone!")
2

1socket.on('broadcast-message', message => {
2  socket.broadcast.emit('receive-message', message);
3});
4

1socket.on(clientEvent: .error) {data, ack in
2    print("Socket error: \(data)")
3}
4