Netty进阶 -- WebSocket长连接开发，赶紧学起来吧

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

//连接开启

socket.onopen = function(ev) {

var rt = document.getElementById(“responseText”);

rt.value = rt.value + “已开启连接…”;

}

//连接关闭

socket.onclose = function(ev) {

var rt = document.getElementById(“responseText”);

rt.value = rt.value + “已关闭连接…”;

}

} else {

alert(“您的浏览器不支持WebSocket！”);

}

//发送消息到浏览器

function send(msg) {

//判断websocket是否创建好

if (!socket) {

return;

}

if (socket.readyState == WebSocket.OPEN) {

socket.send(msg);

} else {

alert(“连接未开启！”)

}

}

客户端

 

服务器内容

 

❇️后端源码

---

MyWebSocketServer

package com.wanshi.netty.websocket;

import io.netty.bootstrap.ServerBootstrap;

import io.netty.channel.ChannelFuture;

import io.netty.channel.ChannelInitializer;

import io.netty.channel.ChannelPipeline;

import io.netty.channel.EventLoopGroup;

import io.netty.channel.nio.NioEventLoopGroup;

import io.netty.channel.socket.SocketChannel;

import io.netty.channel.socket.nio.NioServerSocketChannel;

import io.netty.handler.codec.http.HttpObjectAggregator;

import io.netty.handler.codec.http.HttpServerCodec;

import io.netty.handler.codec.http.websocketx.WebSocketServerProtocolHandler;

import io.netty.handler.logging.LogLevel;

import io.netty.handler.logging.LoggingHandler;

public class MyWebSocketServer {

public static void main(String[] args) {

//创建2个线程组

EventLoopGroup boosGroup = new NioEventLoopGroup(1);

EventLoopGroup workerGroup = new NioEventLoopGroup();

try {

//创建服务器监听

ServerBootstrap serverBootstrap = new ServerBootstrap();

//添加前置参数

serverBootstrap.group(boosGroup, workerGroup)

.channel(NioServerSocketChannel.class)

.handler(new LoggingHandler(LogLevel.INFO))

.childHandler(new ChannelInitializer() {

@Override

protected void initChannel(SocketChannel ch) throws Exception {

ChannelPipeline pipeline = ch.pipeline();

//因为基于http协议，使用http的编码和解码器

pipeline.addLast(new HttpServerCodec());

//是以块方式写，添加ChunkedWriteHandler处理器

pipeline.addLast(new HttpObjectAggregator(8192));

pipeline.addLast(new WebSocketServerProtocolHandler(“/hello2”));

pipeline.addLast(new MyWebSocketServerHandler());

}

});

ChannelFuture channelFuture = serverBootstrap.bind(7000).sync();

channelFuture.channel().closeFuture().sync();

} catch (Exception e) {

e.printStackTrace();

} finally {

boosGroup.shutdownGracefully();

workerGroup.shutdownGracefully();

}

}

}

核心业务处理器MyWebSocketServerHandler

package com.wanshi.netty.websocket;

import io.netty.channel.ChannelHandlerContext;

import io.netty.channel.SimpleChannelInboundHandler;

import io.netty.handler.codec.http.websocketx.TextWebSocketFrame;

import java.text.SimpleDateFormat;

import java.time.LocalDateTime;

import java.util.Date;

public class MyWebSocketServerHandler extends SimpleChannelInboundHandler {

private SimpleDateFormat sdf = new SimpleDateFormat(“yyyy-MM-dd HH:mm:ss”);

@Override

protected void channelRead0(ChannelHandlerContext ctx, TextWebSocketFrame msg) throws Exception {

System.out.println(“服务器接受消息：” + msg.text());

ctx.channel().writeAndFlush(new TextWebSocketFrame(“服务器时间：” + sdf.format(new Date()) + " – 消息：" + msg.text()));

}

@Override

public void handlerAdded(ChannelHandlerContext ctx) throws Exception {

System.out.println(“handlerAdded被调用：” + ctx.channel().id().asLongText());

System.out.println(“handlerAdded被调用：” + ctx.channel().id().asShortText());

System.out.println(sdf.format(new Date()) + " 【服务器】用户已连接！");

}

@Override

public void handlerRemoved(ChannelHandlerContext ctx) throws Exception {

System.out.println(“handlerRemoved被调用：” + ctx.channel().id().asLongText());

System.out.println(sdf.format(new Date()) + " 【服务器】用户已断开连接");

}

@Override

public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause) throws Exception {

System.out.println(“发生异常：” + cause.getMessage());

ctx.close();

}

}

♨️往期精彩热文回顾

=============================================================================

✈️ **[Netty进阶 – 非阻塞网络编程 实现群聊+私聊+心跳检测系统

]( )**

✈️ **[Postman测试工具调试接口详细教程【向后端发送Json数据并接收返回的Json结果】

]( )**

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

篇幅有限，仅展示部分截图：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
.cn/img_convert/b24f32dd81ead796fa80c27c763d262c.png)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-iqcroCFU-1713151864887)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！