IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 网络协议 -> springboot+websocket+sockjs进行点对点消息发送 -> 正文阅读

[网络协议]springboot+websocket+sockjs进行点对点消息发送

1.添加maven相关依赖


 <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-websocket</artifactId>
            <version>2.1.6.RELEASE</version>
        </dependency>

2.添加websocket配置类


@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {
    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/socket").setAllowedOrigins("*").withSockJS();
    }
    @Override
    public void configureMessageBroker(MessageBrokerRegistry registry) {
        registry.enableSimpleBroker("/user","/message");
    }
}

继承AbstractWebSocketMessageBrokerConfigurer类实现 registerStompEndpoints方法,其中registry.addEndpoint("/socket").setAllowedOrigins("*").withSockJS()是指用来注册一个STOMP节点,并指定映射的url为"/socket",同时指定使用SockJS协议。registry.enableSimpleBroker用于配置消息代理,"/user"配置的是点对点代理,即在线聊天,"/message"配置的是消息发出后的通知的路径。

3.前端实现js部分代码


var id = $("#id").val();
    console.log("id is" + id);
    var sockJs = new SockJS("http://localhost:8080/socket");
    var stompClient = Stomp.over(sockJs);
    stompClient.connect({}, function (data) {
        stompClient.subscribe("/user/" + id + "/message/get", function (response) {
            console.log(response.body);
            $("#msg").append(response.body + "<br>")
        })
    })
    function sendmsg() {
        var sendid = $("#ids").val();
        var message = $("#sendmsg").val();
        stompClient.send("/message", {}, JSON.stringify({
            msg: message,
            toUser: sendid,
            fromUser: id
        }));
    }

SockJs后的端口号对应了位置类中的"/socket",stompClient.subscribe表示接收消息的路径,stompClient.send("/message"表示发送消息的路径。

4.Controller部分


@Controller
public class ChatController {
    @Autowired
    private SimpMessagingTemplate simpMessagingTemplate;
    @GetMapping("/user/{id}")
    public String userChat(@PathVariable(value = "id") int id, Model model){
        model.addAttribute("id",id);
        return "chat";
    }

    @MessageMapping("/message")
    public void sendMessage(Message message){
        simpMessagingTemplate.convertAndSendToUser(message.getToUser(),"/message/get",message.getMsg());
        simpMessagingTemplate.convertAndSendToUser(message.getFromUser(),"/message/get",message.getMsg());
    }
}

自动注入SimpMessagingTemplate类用来发送消息到前端,"/user"路径通过传进的id不同来区分发送消息的人,服务器接收消息的接口是"/message",接收到以后在convertAndSendToUser方法调用发送给对应的id的用户.综上所述实现了一个简单的一对一单点发消息功能。

  网络协议 最新文章
使用Easyswoole 搭建简单的Websoket服务
常见的数据通信方式有哪些?
Openssl 1024bit RSA算法---公私钥获取和处
HTTPS协议的密钥交换流程
《小白WEB安全入门》03. 漏洞篇
HttpRunner4.x 安装与使用
2021-07-04
手写RPC学习笔记
K8S高可用版本部署
mySQL计算IP地址范围
上一篇文章      下一篇文章      查看所有文章
加:2021-09-26 10:33:32  更:2021-09-26 10:35:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年6日历 -2024/6/27 1:59:47-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码