用户登录

🌲 新订年付会员,赠送一年会员资格。立即订阅

在服务端上的这些 WebSocket 消息处理器,除了这个消息里的数据参数以外,第二个参数是一个 WebSocket Client,使用这个客户端我们可以去做一些事情。

这里可以使用 @ConnectedSocket 这个装饰器装饰一下这个参数,名字可以叫做 client,这个客户端的类型取决于我们在应用里用的是哪一种 WebSocket 库,我用的是 Socket.io,所以这个类型可以设置成 Socket,这个东西来自 socket.io 。

这个 client 上面有一些方法,比如想要发送一条消息,可以用一下 client 上面的 emit 方法,方法的第一个参数是要发送的消息的名字,比如 message,这个名字我们自己可以随便定义。再设置一下具体的值,Send a message.

客户端

然后回到客户端,打开 index.hbs ,这里可以用一下 socket 上的 on 方法,在客户端监听一下 message 消息,提供一个回调方法,接收一个 data 参数,在方法里面可以暂时在控制台上输出消息里的数据,就是这个 data 参数的值。

回到浏览器,刷新一下页面,然后点击页面上这个按钮,你会发现,现在每次点击这个按钮,在控制台上都会输出一条 Send a message 这个信息。

广播

下面我们试一下广播,使用广播这种方法发送消息,可以把消息发送给其它所有人。用一下 client,broadcast 上有 emit,发送一条广播消息。发送的消息的名字叫 message,具体要发送的消息,可以用一个字符模板,先添加一个 client 上的 id,客户端的 id 。 后面再加上一个 Broadcast 。

回到浏览器,可以新建两个浏览器窗口,访问一下我们的应用,打开浏览器的开发者工具里的控制台。

然后点击其中一个浏览器窗口上的这个按钮,你会发现,当前这个浏览器的控制台上,并没有输出广播的 message 消息,但是另外其它两个浏览器的控制台上面,输出了广播的消息。

在再试一下,点击一下当前这个窗口上的按钮,这里没有收到广告消息,但是在其它的两个浏览器窗口的控制台上,输出了广播的消息。

在服务端使用 WebSocket Client 发送 / 广播消息《 企业应用架构:实时通信 》

统计

11611
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点