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

在服务端上的这些 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 消息,但是另外其它两个浏览器的控制台上面,输出了广播的消息。

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值