I have a server on GoLang and googollee/go-socket.io
.
When the server and the client work on the same port, the sockets work normally. But when I start they are on different ports an error occurs on the client:
WebSocket connection to 'ws://localhost:4444/socket.io/?EIO=3&transport=websocket&sid=6' failed: Error during WebSocket handshake: Unexpected response code: 403
POST http://localhost:4444/socket.io/?EIO=3&transport=polling&t=NDDzcYM&sid=5 400 (Bad Request)
GET http://localhost:4444/socket.io/?EIO=3&transport=polling&t=NDDzcYC&sid=5 400 (Bad Request)
WebSocket connection to 'ws://localhost:4444/socket.io/?EIO=3&transport=websocket&sid=5' failed: Error during WebSocket handshake: Unexpected response code: 403
And on the server:
connected: 1 closed client namespace disconnect meet error: json: cannot unmarshal object into Go value of type string connected: 2
This is my code:
package main
import (
"fmt"
"log"
"net/http"
"github.com/gorilla/mux"
"github.com/rs/cors"
socketio "github.com/googollee/go-socket.io"
)
func main() {
fmt.Println("Hello world")
router := mux.NewRouter()
router.HandleFunc("/is-alive", isAlive).Methods("GET")
server, err := socketio.NewServer(nil)
if err != nil {
log.Fatal(err)
}
server.OnConnect("/", func(s socketio.Conn) error {
s.SetContext("")
fmt.Println("connected:", s.ID())
s.Emit("change")
s.Join("bcast")
return nil
})
server.OnEvent("/", "msg", func(s socketio.Conn, msg string) string {
s.SetContext(msg)
s.Emit("change")
fmt.Println("event: msg")
return "recv " + msg
})
server.OnError("/", func(s socketio.Conn, e error) {
fmt.Println("meet error:", e)
})
server.OnDisconnect("/", func(s socketio.Conn, reason string) {
fmt.Println("closed", reason)
})
go server.Serve()
defer server.Close()
router.Handle("/socket.io/", server)
c := cors.New(cors.Options{
AllowedOrigins: []string{"http://localhost:3000"},
AllowCredentials: true,
})
handler := c.Handler(router)
log.Println("Serving at localhost:4444...")
log.Fatal(http.ListenAndServe(":4444", handler))
}
func isAlive(w http.ResponseWriter, r *http.Request) {
w.WriteHeader(http.StatusOK)
}
On my react app
import socketIOClient from "socket.io-client";
export class SocketClientManager {
public socket = socketIOClient("ws://localhost:4444");
public subscribe() {
this.socket.emit("msg", { msg: "Hello!" });
}
public setCallback(callback: (arg: any) => void) {
this.socket.on("change", callback);
}
public async unsubscribe() {
this.socket.disconnect();
}
}
The error message indicates that the server tried to unmarshal your JSON object into a string, but it expected something different.
The reason for that is in your method definition:
server.OnEvent("/", "msg", func(s socketio.Conn, msg string) string {
msg
is of type string.
However, then you send a message of a different type:
public subscribe() {
this.socket.emit("msg", { msg: "Hello!" });
}
This message could be described in this struct definition:
type Message struct {
Msg string `json:"msg"`
}
So unmarshaling your information into a string doesn't work because the object you sent is not a string, but must be represented different.
To fix this, you have two options:
Change your server-side method definition to be able to accept the client's data:
Use server.OnEvent("/", "msg", func(s socketio.Conn, msg Message) string {
, noting that msg
is now of type Message
, which is the struct that matches the data received.
OR
Change the data your client is sending:
Use this.socket.emit("msg", "Hello!");
to send only a string (which will then be correctly decoded into your msg
argument of type string.