WebSocket 主要解决的问题是 后端数据更新主动像前端推送数据

所需依赖
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

开启Websocket 支持
package com.example.dome;

import org.springframework.context.annotation.Bean;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.socket.server.standard.ServerEndpointExporter;

import javax.websocket.server.ServerEndpoint;

/**

 * @author SPC-044

 * @date 13:39

 * @Version 1.0

 */

@Configuration

public class WebSocketConfig {

    @Bean

    public ServerEndpointExporter serverEndpointExporter(){

        return new ServerEndpointExporter();

    }

}

　　

WebSocket  拦截服务类 
package com.example.dome;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.web.bind.annotation.RestController;

import javax.websocket.*;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

import java.util.concurrent.ConcurrentHashMap;

/**

 * @author SPC-044

 * @date 10:57

 * @Version 1.0

 */

@ServerEndpoint("/webSocket/{id}")

@RestController

public class WebSocket {

    private static final Logger loger = LoggerFactory.getLogger(WebSocket.class);

    private static volatile int onlineCount = 0;

//    private static CopyOnWriteArraySet<WebSocket> webSocketSet =new CopyOnWriteArraySet();

    private String id;

    private static ConcurrentHashMap<String,WebSocket> webSocketMap = new ConcurrentHashMap();

    private Session session;

    @OnOpen

    public void onOpen(Session session, @PathParam("id") String id){ //新建连接时调用

        this.session=session;

        this.id =id;

        webSocketMap.put(id,this);

//        webSocketSet.add(this);

        loger.info("openWebSocket id={},name={}",id);

    }

    @OnClose

    public void onClose(){  //关闭链接时调用

        if(webSocketMap.containsKey(id)){

            webSocketMap.remove(id);

        }

//        webSocketSet.remove(this);

        loger.info("closeWebSocket。。。");

    }

    @OnMessage

    public void onMessage(String messsge,Session session){ //接受前端消息

        loger.info("收到消息{}",messsge);

        try {

//            sendMessage(messsge);

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

    @OnError

    public void onError(Session session,Throwable error){ //链接异常时访问

        loger.info("链接错误");

    }

    private void sendMessage(String message) throws Exception {

        if(this.session.isOpen()){

            this.session.getBasicRemote().sendText(message);

        }

    }

    public static void sendInfo(String id,String message){ // 后端主动像前端推消息

        if(webSocketMap.get(id) !=null && webSocketMap.containsKey(id)){

            try {

                webSocketMap.get(id).sendMessage(message);

            } catch (Exception e) {

                e.printStackTrace();

            }

        }else {

            loger.info("该用户不在线！");

        }

    }

}

　　

前端代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<p>123</p>

<button name="test" value="模拟建立链接" onclick="lianjie()" >test</button>

</body>

<script type="text/javascript">

    // 加载页面时生成随机数模拟不同用户的 Id

    var id = Math.ceil(Math.random()*10);

    console.log(id);

    function lianjie() {

        send();

    }

    // 加载页面时 建立链接 id 用于区分不同用户

    var webSocket  = new WebSocket("ws://127.0.0.1:8082/webSocket/"+id);

    webSocket.onerror = function () {

        console.log("链接错误");

    }

    webSocket.onopen = function () {

        console.log("链接成功");

    }

    webSocket.onmessage =function (event) {

        console.log(event.data);

    }

    webSocket.onclose = function () {

        console.log("关闭链接");

    }

    function closeWebSocket() {

        webSocket.close();

    }

    function send() {

        webSocket.send("第一次发消息");

    }

</script>

</html>

后端主动像前端推送消息

 WebSocket.sendInfo("10", "id 10 你好"); 传入 用户id 及消息
    @RequestMapping("/webSocketTest")

    public void websocketTest(){

        Thread thread = new Thread(() -> {

            WebSocket.sendInfo("1", "id 1 你好");

        });

        Thread thread1 = new Thread(() -> {

            WebSocket.sendInfo("10", "id 10 你好");

        });

        thread.start();

        thread1.start();

    }

WebSocket 使用记录的更多相关文章

  1. WebSocket学习记录

    参考资料: Java后端WebSocket的Tomcat实现 基于Java的WebSocket推送 java WebSocket的实现以及Spring WebSocket 利用spring-webso ...

  2. python tornado websocket 多聊天室（返回消息给部分连接者）

    python tornado 构建多个聊天室, 多个聊天室之间相互独立, 实现服务器端将消息返回给相应的部分客户端! chatHome.py // 服务器端, 渲染主页 --> 聊天室建立web ...

  3. WebSocket 学习笔记

    WebSocket 学习笔记 来自我的博客 因为项目原因需要用到双工通信,所以比较详细的学习了一下浏览器端支持的 WebSocket. 并记录一些遇到的问题. 简介 WebSocket 一般是指浏览器 ...

  4. 接入WebSocket记录

    为什么用 WebSocket 因为APP里面有个聊天功能,需要服务器主动推数据到APP.HTTP 通信方式只能由客户端主动拉取,服务器不能主动推给客户端,如果有实时的消息,要立刻通知客户端就麻烦了,要 ...

  5. WebSocket对象的“readyState”属性记录连接过程中的状态值

    websocket的两个属性:readyState和bufferedAmount. 根据readyState属性可以判断webSocket的连接状态,该属性的值可以是下面几种: 0 :对应常量CONN ...

  6. error: Build input file cannot be found: '*******/node_modules/react-native/Libraries/WebSocket/libfishhook.a' 问题解决记录

    解决了刚才的'config.h' file not found问题,本以为就可以顺畅的跑起来,谁知道又被恶心到了,Build input file cannot be found!!! 问题: err ...

  7. spring websocket集群问题的简单记录

    目录 前言 解决方案 代码示例 前言 最近公司里遇到一个问题,在集群中一些websocket的消息丢失了. 产生问题的原理很简单,发送消息的服务和接收者连接的服务不是同一个服务. 解决方案 用中间件( ...

  8. 接入WebSocket记录 + 一些个人经验

    闲扯 WebSocket 以前没用过,之前写过一篇博客是基于原生socket的(查看)比较复杂,慎入.今天另外一个APP需要接websocket了,然后便找到了facebook的 SocketRock ...

  9. websocket 踩坑记录

    ssh execute command error: can't connect str to butes ssh 发送下一次指令回传的是上一次指令的结果 ssh 始终停留在 root 目录内 ssh ...

  10. spring boot整合websocket之使用自带tomcat启动项目报错记录

    项目中用到websocket,就将原来写好的websocket工具类直接拿来使用,发现前端建立连接的时候报404,经查找发现是因为原来用的是配置的外部tomcat启动,这次是spring boot自带 ...

随机推荐

  1. vue-seamless-scroll滚动加点赞衔接处数据不同步问题

    VUE使用vue-seamless-scroll自动滚动加点赞,因为有两个overhidden导致点击不同同步dom,在代码中会出现两处vue-seamless-scroll上下悬接,悬接处点赞触发没 ...

  2. IIS 负载均衡（ARR）

    Application Request Route:应用程序请求路由 1.下载安装web平台安装程序 微软官网搜索 "web平台安装程序" 只能找到 "web平台安装程序 ...

  3. LeetCode-442 数组中重复的数据

    来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find-all-duplicates-in-an-array 题目描述 给你一个长度为 n 的整 ...

  4. Vue mixin混入的介绍

    功能:可以把多个组件共用的配置提取成一个混入对象 使用方式: 1.第一步:定义混合,例如: 2.第二步:使用混合(全局混合和局部混合) (1)局部混合 mixins:['XXX'] (2)全局混合 V ...

  5. 项目day1 -- vscode远程连接云服务器

    刚学完go的语法,本来想着找个小项目试试手,发现大佬们都是vscode ssh到云服务器上做开发的.正好看到阿里云的学生认证后可以白嫖,就先嫖了个试试手 跟着各大教程简单配置了一下阿里云,安装vsco ...

  6. UVM——通过一个简单的testbench来了解UVM组件的phase执行顺序

    先写好一个top.sv 查看代码 // 导入VCS或者Modelsim自带的UVM库和宏 `include "uvm_macros.svh" import uvm_pkg::*; ...

  7. 小白学python必选一本书籍《Python学习手册》(第4版)

    <Python学习手册>(第4版)pdf高清版免费下载地址: 提取码:ihpl 内容简介  · · · · · · Google和YouTube由于Python的高可适应性.易于维护以及适 ...

  8. 报错：cannot import name ‘escape’ from ‘jinja2’

    jinja2版本问题导致 解决方法: 降低版本即可 pip3 install Jinja2==3.0.3 -U pip3 install werkzeug==2.0.3 -U jinja2介绍 jin ...

  9. 寒假acm训练第三周

    这个题就是简单的数学思维 如果这个数组里全部都是10的倍数那直接计数达到n就直接出0 如果有其它不是10的倍数那找出最小的直接减去就可以了 下面就是代码 #include<iostream> ...

  10. 2022-04-26内部群每日三题-清辉PMP

    1.一家组织的经验教训数据库表明过去的重大项目问题是质量失败.项目经理在制定质量管理过程时决定做得更彻底.为确保质量,项目经理应该怎么做? A.根据项目的范围和需求制定质量管理计划. B.将所有质量控 ...