When Cocos Creator builds a WeChat mini-game, it cannot connect to the WebSocket server

[jtby]

Cocos Creator 3.8.7
Colyseus 0.16.9

When Cocos Creator builds a WeChat mini-game, it cannot connect to the WebSocket server

    async connect() {
        try {
            console.log("connecting to Colyseus..."); // console have this log
            this.room = await this.client.joinOrCreate("my_room");

            console.log("joined successfully!"); // console not this log 
            console.log("user's sessionId:", this.room.sessionId);

            this.room.onStateChange((state) => {
                console.log("onStateChange: ", state);
            });

            this.room.onLeave((code) => {
                console.log("onLeave:", code);
            });

        } catch (e) {
            console.error("Error connecting to Colyseus:", e);
        }
    }

[endel]

Hi @jtby, can you check if this helps you? https://docs.colyseus.io/getting-started/wechat

[jtby]

Hi @jtby, can you check if this helps you? https://docs.colyseus.io/getting-started/wechat

I tried it, but it didn't work。

[jtby]

Hi @jtby, can you check if this helps you? https://docs.colyseus.io/getting-started/wechat

I referred to this PR #158
After modifying the colyseus-cocos-creator.ts file, it can run normally.

class WebSocketTransport {
        /**
         * @param url URL to connect to
         * @param headers custom headers to send with the connection (only supported in Node.js. Web Browsers do not allow setting custom headers)
         */
        connect(url, headers) {
            try {
                // Adding the following line will work fine
				if (globalThis?.wx) throw new Error("WeChat Mini Program does not support custom headers");

				// On WeChat environments, will always block here, will not continue to run, and will not report an error
				// Node or Bun environments (supports custom headers)
				this.ws = new WebSocket(url, { headers, protocols: this.protocols }); //

            }
            catch (e) {
                // browser environment (custom headers not supported)
                this.ws = new WebSocket(url, this.protocols);
            }
            this.ws.binaryType = 'arraybuffer';
            this.ws.onopen = this.events.onopen;
            this.ws.onmessage = this.events.onmessage;
            this.ws.onclose = this.events.onclose;
            this.ws.onerror = this.events.onerror;
        }
}

Adding the following line will work fine

if (globalThis?.wx) throw new Error("WeChat Mini Program does not support custom headers");

On WeChat environments, will always block here, will not continue to run, and will not report an error

this.ws = new WebSocket(url, { headers, protocols: this.protocols });