4、客户端给服务端发消息，服务端回复

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

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);
        // 给客户端返回信息
        conn.sendText(str);
    });


}).listen(2333);

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>
    <input type="text" id="text">
    <button id="btn" type="button">发送</button>
    <script>
        /**
         * 这里我们创建一个WebSocket,里面填上服务端连接及端口号
         * ws 表示它的协议
         * 
         */
        var ws = new WebSocket('ws://localhost:2333');

        /**
         * 向服务端发送消息
         */
        ws.onopen = function(){
            document.getElementById('btn').onclick = function(){
                ws.send(document.getElementById('text').value);
            }
        }

        /**
         * 接受服务端信息
         */
        ws.onmessage = function(e){
            var p = document.createElement('p');
            p.innerHTML = e.data;
            document.body.appendChild(p);
        } 
    </script>
</body>
</html>

点击【调试】，启动调试，打开页面

当我们关闭网页时会报错

为此我们添加一个error事件

/**
 * 服务端
 */

/**
 * 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);
        // 给客户端返回信息
        conn.sendText(str);
    });

    conn.on("error",function(err){
        console.log(err);
    });
}).listen(2333);

 

xyphf_和派孔明
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebSocket服务器端与客户端交互
wsp5565的博客
01-10 1528
webSocket服务器端怎么确定客户端接收到服务器端发送的消息，即消息可靠性：   而解决方案，就是让服务器和客户端能够发送 Ping/Pong Frame（RFC 6455 - The WebSocket Protocol）。这种 Frame 是一种特殊的数据包，它只包含一些元数据而不需要真正的 Data Payload，可以在不影响 Application 的情况下维持住中间网络的...
PhotonServer，客户端发送请求给服务端，服务端解析请求，发送回客户端响应，客户端再解析服务端发过来的响应。
麦当劳比肯德基好吃
01-09 546
1.（客户端发送给服务端）test中的构造参数并且发送 完整代码如下 test.cs using System; using System.Collections; using System.Collections.Generic; using UnityEngine; public class test : MonoBehaviour { void Start () { } void Update () { if (Input.GetMouseButt.
WebSocket发送与接收数据
最新发布
mon_star°的博客
04-18 882
除了能发送文本信息和普通对象信息之外，还可以发送ArrayBuffer对象和Blob对象；
netty demo 保证可以运行
彦楠的博客
12-19 653
netty demo地址 https://gitee.com/Kkk9527/netty-dome.git1，运行ObjectServerMain.java 2，运行ObjectClientMain.java 3，看效果netty项目demo pom需要引入 <!-- https://mvnrepository.com/artifact/io.netty/netty-all -->
客户端发送请求到服务器端回应过程的简单解析
qq_40328109的博客
08-12 2613
客户端发送请求到服务器端回应过程的简单解析 ①浏览器会将我们的url中的要访问的域名取出，接下来进行DNS解析 ②在DNS解析过程中，OS会先后进行以下操作：       1、先检查本地的hosts文件中是否有这个网址映射关系，如果有，就先调用这个IP地址映射，完成域名解析；      &...
客户端发送请求到服务器端回应请求的简单解析
weixin_41769782的博客
02-04 1534
客户端发送请求到服务器端回应请求的简单解析 ①浏览器会将我们的url中的要访问的域名取出，接下来进行DNS解析 ②在DNS解析过程中，OS会先后进行以下操作： 1、先检查本地的hosts文件中是否有这个网址映射关系，如果有，就先调用这个IP地址映射，完成域名解析； PS:这里就很好的解释了如果我们在我们电脑的hosts文件中添加了www.123.com与127.0.0.1的映射就可以通过www.123.com访问到本机,但是作用域仅局限于本机。 2、如果本地hosts文...
服务端没有listen客户端发起连接建立 会发生什么
05-15
结果显示，客户端对服务端发起SYN包后，服务端回复了RST包。 因此，我们可以得出结论，如果服务端没有listen客户端发起连接建立，那么服务端会回复一个RST包，以断开连接。 在QUIC协议中，这种情况下客户端和...
SuperSocket客户端+服务端完整demo
11-09
客户端则负责建立连接，发送数据，并接收服务端的回复。 **3. 示例中的Net4.0运行库** 这个Demo基于.NET Framework 4.0，这是一个广泛使用的微软开发平台，提供了丰富的类库和功能。选择.NET 4.0作为运行库意味着...
java实现websocket客户端与服务端的连接
08-15
return "服务端回复"; } ``` 5. **ClientEndpointConfig和WebSocketContainer**: 在客户端，你需要使用`ClientEndpointConfig`配置客户端的行为，并通过`WebSocketContainer`来建立到WebSocket服务器的连接。...
Socket服务端与客户端通讯
04-27
服务端接收到消息后，也会保持连接状态，回复消息给客户端。这种模式下，每个客户端都有一个独立的Socket连接，确保了消息的一对一传递。 在实际开发中，我们还需要考虑错误处理、并发处理（当多个客户端同时连接时...
TCP客户端和服务端
06-04
2. **SYN+ACK确认**：服务器收到SYN后，回复一个SYN+ACK报文段，确认客户端的连接请求，并携带自己的初始序列号。 3. **ACK确认**：客户端收到服务器的SYN+ACK后，再发送一个纯ACK（确认）报文段，确认服务器的...
微信公众平台开发的验证服务器和自动回复用户消息
07-25
该例子仅简单的对微信服务器验证和用户信息的自动回复做了处理,为初学者在怎样开始微信公众平台的开发毫无头绪的时候提供一点儿帮助. 本例子使用了.net4.0框架,直接用VS2010打开网站,找到该文件夹,打开即可. 将网站发布到你自己的服务器上,跟其他普通的网站没有区别.注意需要使用80端口. 在开发者首次提交验证申请时，填写url为http://你的域名/handle.aspx,填写token随意,跟编写的程序中设置的一样即可. 如果验证通过,则说明该例子可用.用户关注你的公众平台,则会自动发给用户一条自动回复的消息,用户输入任何内容都自动回复一条消息. 例子中的代码,大部分是从网上拷贝过来的,感谢那些教程提供者.希望该例子能给你带来一点儿帮助. 本例由独孤飞雪提供^_^
基于netty的服务器客户端收发消息代码
06-11
刚学netty ,写了一个基于netty的服务器客户端收发消息代码，功能非常简单，服务器每3秒向服务器发消息，服务器再把消息反给你。简单收1分，希望大家谅解。
Socket编程 客户端给服务端发送消息，服务端回复
peng_xiao_yu的博客
01-17 6411
1、创建服务端 package server_scoket; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import j...
ServerSocket和Socket建立通信(客户端发送消息服务器接收并返回到客户端接收输出)
热门推荐
窥望奇妙世界
12-21 3万+
需求：客户端发送消息到服务器，服务器接收到消息并读取输出，然后写出到客户端客户端接收到输出。 1、建立服务器端      |-服务器建立通信ServerSocket      |-服务器建立Socket接收客户端连接      |-建立IO输入流读取客户端发送的数据      |-建立IO输出流向客户端发送数据消息 2、建立客户端      |-创建Socket通信，设置通信服务器的
微信公众号服务器回复素材,微信平台 被动回复用户消息
weixin_34570241的博客
08-12 333
当用户发送消息给公众号时(或某些特定的用户操作引发的事件推送时)，会产生一个POST请求，开发者可以在响应包(Get)中返回特定XML结构，来对该消息进行响应(现支持回复文本、图片、图文、语音、视频、音乐)。严格来说，发送被动响应消息其实并不是一种接口，而是对微信服务器发过来消息的一次回复。微信服务器在将用户的消息发给公众号的开发者服务器地址(开发者中心处配置)后，微信服务器在五秒内收不到响应会断...
基于TCP的网络聊天程序
dlz0836的博客
01-29 736
前言 服务器端： （1）创建套接字。 （2）绑定套接字到本地的地址和端口上。 （3）设置套接字为监听状态。 （4）接受请求连接的请求。 （5）进行通信。 （6）通信完毕，释放套接字资源。 客户端： （1）创建套接字。 （2）发出连接请求。 （3）请求连接后进行通信操作。 （4）释放套接字资源。 一、服务器端代码 #include<stdio.h> #include<winsock.h> /*引入winsock头文件*/ int main() { /*-------------
web socket数据接受和发送处理
HzjCsdn的博客
07-13 1384
原理介绍 消息包和具有五个属性的消息头包，组成一个发送包或者接收包，这个包在网络上传输，五个属性（消息的长度，消息id,低字节序，高字节序，session),每个属性占4个字节 字节处理类：Byte /** * <p> <code>Byte</code> 类提供用于优化读取、写入以及处理二进制数据的方法和属性。</p> * <p> <code>Byte</code> 类适用于需要在字节层访问数据的高级开发人员。</
【webSocket 通信（消息的发送、接收）】
m0_45382009的博客
12-07 6910
场景（代码简单化，只罗列功能代码）： 对象：银行柜员与客户 （都是前端交互） 功能：视频办理相关业务 1. 先定义一个变量，用于存放WebSocket的实例对象 const webSocketObj = null; 2. 判断浏览器是否支持使用WebSocked window.WebSocked = window.WebSocked || window..MozWebSocket; if(!window.WebSocked){ console.error("您的浏览器不支持WebSocked.
使用springboot实现nett双向通信，客户端可以给服务端发送消息，服务端也可以给客户端发消息
06-07
好的，这是一个很好的问题。使用Spring Boot和Netty实现双向通信的过程如下： 1. 首先，在pom.xml中添加以下依赖项： ``` <dependency> <groupId>io.netty</groupId> <artifactId>netty-all</artifactId> <version>4.1.25.Final</version> </dependency> ``` 2. 创建Netty服务器 ``` @Component public class NettyServer { private final EventLoopGroup bossGroup = new NioEventLoopGroup(); private final EventLoopGroup workerGroup = new NioEventLoopGroup(); private Channel channel; @Autowired private NettyServerHandler nettyServerHandler; public void start() throws Exception { ServerBootstrap bootstrap = new ServerBootstrap(); bootstrap.group(bossGroup, workerGroup) .channel(NioServerSocketChannel.class) .childHandler(new ChannelInitializer<SocketChannel>() { @Override protected void initChannel(SocketChannel ch) throws Exception { ChannelPipeline pipeline = ch.pipeline(); pipeline.addLast(new StringDecoder()); pipeline.addLast(new StringEncoder()); pipeline.addLast(nettyServerHandler); } }); ChannelFuture f = bootstrap.bind(8888).sync(); if (f.isSuccess()) { System.out.println("Netty server start success"); } channel = f.channel().closeFuture().sync().channel(); } public void stop() throws Exception { channel.close(); bossGroup.shutdownGracefully(); workerGroup.shutdownGracefully(); } } ``` 在这个示例中，我们创建了一个名为NettyServer的类。这个类使用了Netty的ServerBootstrap类来创建服务器。在服务器启动时，我们需要指定使用的IO模式和端口号。此外，我们还需要指定NettyServerHandler类，这个类用于处理客户端发来的消息。 3. 创建NettyServerHandler类 ``` @Component @ChannelHandler.Sharable public class NettyServerHandler extends SimpleChannelInboundHandler<String> { @Override protected void channelRead0(ChannelHandlerContext ctx, String msg) throws Exception { System.out.println("Server received:" + msg); // 回复客户端 ctx.writeAndFlush("Server received your message: " + msg + "\n"); // 其他业务逻辑 } @Override public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause) throws Exception { System.out.println("Server exceptionCaught"); cause.printStackTrace(); ctx.close(); } @Override public void channelActive(ChannelHandlerContext ctx) throws Exception { System.out.println("Server channelActive"); super.channelActive(ctx); } @Override public void channelInactive(ChannelHandlerContext ctx) throws Exception { System.out.println("Server channelInactive"); super.channelInactive(ctx); } @Override public void channelReadComplete(ChannelHandlerContext ctx) throws Exception { System.out.println("Server channelReadComplete"); super.channelReadComplete(ctx); } } ``` 在这个示例中，我们创建了一个名为NettyServerHandler的类。这个类用于处理客户端发来的消息。我们需要实现channelRead0方法，这个方法会在客户端发送消息时被调用。在这个方法中，我们可以处理客户端发送的消息，并且回复消息给客户端。除此之外，我们还需要实现其他方法，如exceptionCaught、channelActive、channelInactive和channelReadComplete。 4. 创建Netty客户端 ``` @Component public class NettyClient { private Channel channel; private final EventLoopGroup group = new NioEventLoopGroup(); @Autowired private NettyClientHandler nettyClientHandler; public void start() throws Exception { Bootstrap bootstrap = new Bootstrap(); bootstrap.group(group) .channel(NioSocketChannel.class) .option(ChannelOption.TCP_NODELAY, true) .handler(new ChannelInitializer<SocketChannel>() { @Override public void initChannel(SocketChannel ch) throws Exception { ChannelPipeline pipeline = ch.pipeline(); pipeline.addLast(new StringDecoder()); pipeline.addLast(new StringEncoder()); pipeline.addLast(nettyClientHandler); } }); ChannelFuture f = bootstrap.connect("localhost", 8888).sync(); if (f.isSuccess()) { System.out.println("Netty client start success"); } channel = f.channel().closeFuture().sync().channel(); } public void stop() throws Exception { channel.close(); group.shutdownGracefully(); } } ``` 在这个示例中，我们创建了一个名为NettyClient的类。这个类使用了Netty的Bootstrap类来创建客户端。在客户端启动时，我们需要指定使用的IO模式和服务器的IP地址和端口号。此外，我们还需要指定NettyClientHandler类，这个类用于处理服务器发来的消息。 5. 创建NettyClientHandler类 ``` @Component @ChannelHandler.Sharable public class NettyClientHandler extends SimpleChannelInboundHandler<String> { @Override protected void channelRead0(ChannelHandlerContext ctx, String msg) throws Exception { System.out.println("Client received:" + msg); // 其他业务逻辑 } @Override public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause) throws Exception { System.out.println("Client exceptionCaught"); cause.printStackTrace(); ctx.close(); } @Override public void channelActive(ChannelHandlerContext ctx) throws Exception { System.out.println("Client channelActive"); super.channelActive(ctx); } @Override public void channelInactive(ChannelHandlerContext ctx) throws Exception { System.out.println("Client channelInactive"); super.channelInactive(ctx); } @Override public void channelReadComplete(ChannelHandlerContext ctx) throws Exception { System.out.println("Client channelReadComplete"); super.channelReadComplete(ctx); } } ``` 在这个示例中，我们创建了一个名为NettyClientHandler的类。这个类用于处理服务器发来的消息。我们需要实现channelRead0方法，这个方法会在服务器发送消息时被调用。在这个方法中，我们可以处理服务器发送的消息。除此之外，我们还需要实现其他方法，如exceptionCaught、channelActive、channelInactive和channelReadComplete。 6. 在Spring Boot中启动Netty服务器和客户端 最后，在Spring Boot应用程序的启动类中，我们需要启动Netty服务器和客户端。我们可以使用@PostConstruct注释来启动Netty服务器和客户端。 ``` @SpringBootApplication public class Application { @Autowired private NettyServer nettyServer; @Autowired private NettyClient nettyClient; @PostConstruct public void start() throws Exception { new Thread(() -> { try { nettyServer.start(); } catch (Exception e) { e.printStackTrace(); } }).start(); new Thread(() -> { try { nettyClient.start(); } catch (Exception e) { e.printStackTrace(); } }).start(); } public static void main(String[] args) { SpringApplication.run(Application.class, args); } } ``` 好了，以上就是使用Spring Boot和Netty实现双向通信的全部过程。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值