微信小游戏SDK出现WebSocket非法URL错误

[tanknee]

我配置了LeanCloud的微信小游戏SDK,连接服务器,加入房间等API都是正常的,但是当我使用joinLobby()这个方法时,微信开发者工具报了这个错:

很明显可以看到是URL的协议出问题了,我猜是SDK的锅?
我用的SDK是最新的0.18.0-beta.12.
链接地址:https://github.com/leancloud/Play-SDK-JS/releases

[zyu]

我这边刚刚测试是正常的。

很明显可以看到是URL的协议出问题了,我猜是SDK的锅?

这里是使用 https 升级为 wss 的方式。
可以尝试使用 wscat 测试一下这个 url 是否正常，如果异常，请提供完整的 url

[tanknee]

你好,我重新测试了一下,打了一下断点,发现进入WebSocket请求构建时的URL是这样的

明显到这里还是https,下面是我的调用代码:

connectServer() {
		this._client
			.connect()
			.then((res) => {
				console.log(res);
				this._client.joinLobby().then(() => {
					this._client
						.joinOrCreateRoom('room1')
						.then(() => {
							console.log('join room successfully');
							console.log(this._client.lobbyRoomList);
						})
						.catch((err) => console.log(err));
				});
			})
			.catch((err) => {
				console.log(err);
			});
	}

但是当我去掉了和lobby相关的代码之后断点调试时的URL就是这样的了

下面是我修改后的代码

connectServer() {
		this._client
			.connect()
			.then((res) => {
				console.log(res);
				this._client
					.joinOrCreateRoom('room1')
					.then(() => {
						console.log('join room successfully');
					})
					.catch((err) => console.log(err));
			})
			.catch((err) => {
				console.log(err);
			});
	}

[tanknee]

神奇的是,当我把URL里的https替换成wss就可以正常运行了

[zyu]

这种用法是使用 https:// 协议构造 websocket 时，可以直接升级为 wss 协议。
但是，在「微信小程序」的 websocket 实现中并不支持。
所以，需要修改一下：

url = url.replace('https://', 'wss://').replace('http://', 'ws://');

你那边先这样改一下，我也看看还有没有其他方案

[tanknee]

太绝了,我昨天就是这么写解决的.
请问这样修改对SDK的其他功能会有影响吗

[tanknee]

还有就是想问一下这个SDK的源码包也太大了吧,有官方的压缩版吗?

[zyu]

太绝了,我昨天就是这么写解决的.请问这样修改对SDK的其他功能会有影响吗

理论上没有，就是看着别扭。Lobby 服务分两部分，一部分是 http；另一部分是 websocket。只有在加入大厅时才需要使用 websocket（推送大厅房间数据变化）

还有就是想问一下这个SDK的源码包也太大了吧,有官方的压缩版吗?

在微信小程序中，打包时会再压缩吧

[tanknee]

微信好像为了效率 不会给500kb以上的文件压缩 ?我不知道是 只有在开发阶段 有这个限制,还是说只要大于500kb就不压缩了

[zyu]

发布了 新版
感谢关注！