3、客户端给服务端发消息和服务端主动推送消息

最新推荐文章于 2024-02-20 17:19:51 发布
最新推荐文章于 2024-02-20 17:19:51 发布
阅读量4.4k 收藏 5
点赞数
分类专栏： websocket聊天室 文章标签： websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyphf/article/details/81772835
版权

index.html

<!-- 
    客户端
 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * 这里我们创建一个WebSocket,里面填上服务端连接及端口号
         * ws 表示它的协议
         * 
         */
        var ws = new WebSocket('ws://localhost:2333');

        /**
         * 当链接建立的时候,它有一个onopen事件
         */
        ws.onopen = function(){
            // 客户端发送信息给服务端
            ws.send('来自客户端的信息');
        }
        
        /**
         * 客户端接受服务端的消息
         */
        ws.onmessage = function(e){
            console.log(e.data);
        }
        
    </script>
</body>
</html>

app.js

/**
 * 服务端
 */

/**
 * 1 将nodejs-websock包引进来
 */
var ws = require('nodejs-websocket');

/**
 * 2 创建一个WebSocket服务，建立TCP连接, 
 * conn就是连进来的连接
 * server 监听2333端口
 */
var server = ws.createServer(function(conn){

    console.log('New connection'); // 表示新的连接进来了
    /**
     * conn绑一个text事件,并接受一个回调
     */
    conn.on('text', function(str){
        console.log(str);
    });
    /**
     * 等待5秒 主动给客户端推送一条消息
     */
    setTimeout(function(){
        // 给客户端发送消息
        conn.sendText('来自服务端的消息');
    },5000);

}).listen(2333);

运行程序，点击【调试】，【启动调试】

打开页面，等等5秒

 

 

 

xyphf_和派孔明
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wcf实现服务端主动向客户端推送消息
06-07
代码规范清晰。非常适合学习。 wcf实现服务端主动向客户端推送消息
IOS 消息推送 java服务端和客户端源码
11-03
IOS 消息推送 java服务端和客户端源码
初探WebSocket
weixin_30457065的博客
03-15 66
初探WebSocket node websocket socket.io 我们平常开发的大部分web页面都是主动‘拉’的形式，如果需要更新页面内容，则需要“刷新”一个，但Slack工具却能主动收到信息，好像服务端能主动给客户端推送信息，请研究一下这是怎么实现的。 WebSocket websocket是HTML5中新引进的一种 协议 ，它是一种协议就像(HTTP,FTP在tcp/ip协议栈中属...
WebSocket使用案例
努力努力再努力L
06-27 2408
WebSocket使用案例 目录 web客户端 websocket nodejs服务器端websocket websocket案例 对于WebRTC项目而言，nodejs主要是实现信令服务器的功能，客户端和服务器端的交互我们选择websocket作为通信协议。 1. web客户端 websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端
服务端实时推送技术之SSE（Server-Send Events）
最新发布
大山博客
02-20 1351
服务端推送，也称为消息推送或通知推送，是一种允许应用服务器主动将信息发送到客户端的能力，为客户端提供了实时的信息更新和通知，增强了用户体验。服务端推送的背景与需求主要基于以下几个诉求：实时通知：在很多情况下，用户期望实时接收到应用的通知，如新消息提醒、商品活动提醒等。节省资源：如果没有服务端推送，客户端需要通过轮询的方式来获取新信息，会造成客户端、服务端的资源损耗。通过服务端推送，客户端只需要在收到通知时做出响应，大大减少了资源的消耗。
Lwm2m之leshan服务器连接
weixin_37210821的博客
11-29 1670
使用开源项目了解lwm2m, 通过开源的实现client连接到server上。
Spring WebSocket实现消息推送
weixin_34006965的博客
10-13 493
2019独角兽企业重金招聘Python工程师标准>>> ...
整合WebSocket实现简单的消息推送功能
pi_tiger的博客
05-24 1149
整合WebSocket实现简单的消息推送功能Websocket两种简单实现：实现方式一：引入Maven依赖：后端代码实现：Vue项目集成postman测试实现方式二：引入Maven依赖：后端代码实现：postman测试 Websocket两种简单实现： 实现方式一： 引入Maven依赖： <!--websocket 依赖--> <dependency> <groupId>org.springframework.boot</groupId> <
Netty 实现scoket 主动推送数据到服务和服务端实现方式
09-03
客户端发送16进制给服务端，并行实现socket通道活动状态和断开重新连接的功能， 监听接口是否存在数据，如果存在socket客户端发送给socket服务端的实现 随着物联网的发展，随之出现了各种传感器监测数据的实时发送，...
android即时通讯消息推送包含服务端和客户端
08-23
实现了与qq类似的实时通讯功能. 主要功能:用于组长向组员发送消息.组员收到消息并阅读后可回复组长消息已经收到. 注释很详细,有不懂的可以qq我:693583719
Spring Boot 集成 WebSocket 实现服务端推送消息到客户端.docx
07-04
假设有这样一个场景：服务端的资源经常在更新，客户端需要...而有了 WebSocket 协议，就能很好地解决这些问题，WebSocket 可以反向通知的，通常向服务端订阅一类消息，服务端发现这类消息有更新就会不停地通知客户端。
服务器主动推送消息数据给客户端
热门推荐
answer3lin的博客
02-11 2万+
1 引言 这个问题第一次是我在实现一个导师的方案的时候所发现的，一开始我需要实现服务器与客户端的密钥协商和数据传递，服务器需要主动分发（推送）密钥给客户端，因为以前没有做过相关编码，后来只能想到用反向连接，也就是交换C/S的身份。 再后来是在做一个机器学习的问题时候，因为机器学习模型的运行需要综合多个客户端（边缘节点）的数据，然后得到结果，而且各个客户端的数据传输是不一致的，时间和数据量不定。...
websocket host 请求头 怎么填写_服务器怎么向客户端推送消息？
weixin_39608988的博客
12-08 829
前言最近内部使用的web管理后台系统中新增了一个报销单审批的功能，由员工发起报销申请，然后首先直属主管进行审批，主管审批通过后流程就到了经理那里，经理审批通过后流程再转到财务那里。本来这功能无非就是些CRUD的功能，没啥难度，但是架不住产品爱搞事啊！产品提出了一个需求：每个审批操作都需要给下一级处理人主动发送一个通知。什么意思呢？比如直属主管审批通过后，系统需要在后台给经理主动推送一条消息，提醒他...
服务器主动向客户端发送信息机制
5ingwings(SiHao)的博客
12-18 1万+
服务器主动向客户端发送信息机制 常见的服务器主动向客户端发送信息的机制有： 1 轮询： 客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接。 优点：后端程序编写比较容易。 缺点：请求中有大半是无用，浪费带宽和服务器资源。 长轮询：客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再...
java中注解 onopen,如何使用JEE7 Websockets将参数传递给@OnOpen方法，
weixin_32538033的博客
03-01 1933
I have this code@ServerEndpoint(value = "/websocket")public class Service {private String clientId;@OnOpenpublic void init(Session session) throws IOException {//opening a websocket// get clientIdclie...
消息推送实现|使用WebSocket主动推送消息到客户端方案
一一哥
10-31 8459
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。壹哥。
服务端如何推送消息给客户端？
fe_watermelon的博客
08-04 3491
大家好，我是前端西瓜哥，今天带大家了解一下服务端如何推送消息给客户端。有时候，我们希望服务端能够主动推送一些信息给客户端。但 HTTP 协议只能让客户端发起请求然后服务端响应，而无法让服务端主动去发送信息。为了解决这个问题，我们有三种常见的解决方案：短轮询、长轮询、WebSocket。...
WebSocket实时通讯实践
逍遥飞鹤的专栏
09-19 6675
利用websocket和java完成的消息推送功能，服务器用的是tomcat7.0，一些东西是自己琢磨的，也不知道恰不恰当，不恰当处，还请各位见谅，并指出。 程序简单来说，就是客户A可以发送消息给客户B，但有很多可以扩展的地方， 比如 1.如果加入数据库后，A发消息时客户B未上线，服务端将会把消息存在数据库中，等客户B上线后，在将消息取出发送给客户B 2.服务端也可发送消息
netty实现websocket服务端主动向客户端推送消息
07-16
要在 Netty 中实现 WebSocket 服务端主动向客户端推送消息，可以使用 `ChannelGroup` 来管理连接到服务器的 WebSocket 客户端的 `Channel`，然后通过遍历 `ChannelGroup` 并将消息写入每个 `Channel` 来实现消息的推送。 下面是一个示例代码，演示了如何在 Netty 中实现 WebSocket 服务端主动向客户端推送消息： ```java public class WebSocketServerHandler extends SimpleChannelInboundHandler<WebSocketFrame> { private static ChannelGroup channelGroup = new DefaultChannelGroup(GlobalEventExecutor.INSTANCE); @Override protected void channelRead0(ChannelHandlerContext ctx, WebSocketFrame frame) throws Exception { // 处理 WebSocket 请求 if (frame instanceof TextWebSocketFrame) { // 处理文本消息 String text = ((TextWebSocketFrame) frame).text(); System.out.println("Received message: " + text); // 推送消息给所有连接的客户端 channelGroup.writeAndFlush(new TextWebSocketFrame("Server: " + text)); } else { // 其他类型的消息，如二进制消息、Ping/Pong 消息等 // ... } } @Override public void handlerAdded(ChannelHandlerContext ctx) throws Exception { // 当有客户端连接时，将其添加到 ChannelGroup 中 Channel channel = ctx.channel(); channelGroup.add(channel); } @Override public void handlerRemoved(ChannelHandlerContext ctx) throws Exception { // 当有客户端断开连接时，将其从 ChannelGroup 中移除 Channel channel = ctx.channel(); channelGroup.remove(channel); } // 主动向客户端推送消息的方法 public void pushMessageToClients(String message) { channelGroup.writeAndFlush(new TextWebSocketFrame("Server: " + message)); } } ``` 在上述示例中，我们创建了一个静态的 `ChannelGroup` 对象 `channelGroup`，用于存储连接到服务器的 WebSocket 客户端的 `Channel`。当有客户端连接时，将其添加到 `channelGroup` 中；当客户端断开连接时，将其从 `channelGroup` 中移除。 在处理 WebSocket 请求时，如果收到文本消息，我们可以通过调用 `channelGroup.writeAndFlush()` 方法将消息写入每个客户端的 `Channel` 中，实现消息的推送。 此外，我们还添加了一个名为 `pushMessageToClients()` 的方法，用于在服务端主动向所有客户端推送消息。 你可以在适当的时候调用 `pushMessageToClients()` 方法来推送消息给所有连接的客户端。例如，可以在定时任务或其他事件触发的地方调用该方法来主动向客户端推送消息。 希望对你有所帮助！如果还有其他问题，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值