websocket实时推送统计数据给前端页面

  • 前提须知:websocket基本使用

  • 业务场景,每秒推送统计数据给前端页面,分别显示前天,昨天,今天的前十名客户数据

连接触发业务定义

  • @ServerEndpoint("/smsMCustomerStaTop10Ws")定义推送数据给到具体的连接标识
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;
import com.xyc.monitor.service.SmsMonitorService;
import com.xyc.monitor.service.impl.SmsMonitorServiceImpl;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import java.util.Set;
import java.util.concurrent.ConcurrentHashMap;
import java.util.concurrent.CopyOnWriteArraySet;

/**
 * Top10客户发送量推送
 */
@Component
@ServerEndpoint(value = "/smsMCustomerStaTop10Ws")
public class SmsMCustomerStaTop10Ws {

    private static final Logger LOGGER = LoggerFactory.getLogger(SmsMCustomerStaTop10Ws.class);


    //静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。
    private static int onlineCount = 0;

    //concurrent包的线程安全Set,用来存放每个客户端对应的当前对象。
    private static Set<SmsMCustomerStaTop10Ws> webSocketSet = new CopyOnWriteArraySet<SmsMCustomerStaTop10Ws>();

    private static Map<Session,Integer> map = new ConcurrentHashMap<>();

    //与某个客户端的连接会话,需要通过它来给客户端发送数据
    private Session session;
    //客户端传过来的参数 ,ip:port
    private String parameter;

    private static SmsMonitorService smsMonitorService;

    @Autowired
    public void setSmsMonitorService(SmsMonitorService smsMonitorService) {
        SmsMCustomerStaTop10Ws.smsMonitorService = smsMonitorService;
    }

    /**
     *  连接建立成功调用的方法
     * @param session
     */
    @OnOpen
    public void onOpen(Session session) {
        this.session = session;
        webSocketSet.add(this);     //加入set中
        addOnlineCount();           //在线数加1
        LOGGER.info("SmsMCustomerStaTop10Ws ===> 有新连接加入!当前在线人数为" + getOnlineCount());
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {

        map.remove(this.session);
        //UDPMsgQueueStatusClient.removeUdpClient(parameter);
        webSocketSet.remove(this);  //从set中删除
        subOnlineCount();           //在线数减1
        LOGGER.info("SmsMCustomerStaTop10Ws ===> 有一连接关闭!当前在线人数为" + getOnlineCount());
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息
     *
     * */
    @OnMessage
    public void onMessage(String message, Session session) {
        //关闭前一个udp
        //UDPMsgQueueStatusClient.removeUdpClient(parameter);
        //this.parameter = message;
        JSONArray objects = JSON.parseArray(message);
        //JSONObject jso = JSON.parseObject(message);
        Integer status= objects.getJSONObject(0).getInteger("status");
        //SmsMonitorServiceImpl.statusSCSSo = status;
        map.put(session,status);
        LOGGER.info("SmsMCustomerStaTop10Ws ===> 来自客户端的消息:" + message);
    }

    /**
     * 发生错误时调用
     */
    @OnError
    public void onError(Session session, Throwable error) {
        LOGGER.info("SmsMCustomerStaTop10Ws 发生错误");
        LOGGER.error("onError ===> ", error);
    }

    /**
     * 推送触发
     */
    private static void pushTrigger() {
        if(SmsMCustomerStaTop10Ws.onlineCount >= 1) {
            if(!SmsMonitorServiceImpl.isPushSCS)
                SmsMonitorServiceImpl.isPushSCS = true;
            smsMonitorService.pushSmsMCustomerStaTop10();

        }
        if(SmsMCustomerStaTop10Ws.onlineCount == 0) {
            SmsMonitorServiceImpl.isPushSCS = false;
        }
    }

    /**
     *  发送文本类型消息  192.168.3.146:10086
     * @throws IOException
     */
    public static void sendInfo(Integer status,Object obj) throws IOException {
        for (SmsMCustomerStaTop10Ws item : webSocketSet) {
            try {
                Session session = item.session;
                Integer integer = map.get(session);
                if(integer == status){
                    item.session.getBasicRemote().sendText(JSON.toJSONString(obj));
                }else{
                    continue;
                }
            } catch (Exception e) {
                LOGGER.info("SmsMCustomerStaTop10Ws ===> 发送文本消息错误", e);
            }
        }
    }

    public static synchronized int getOnlineCount() {
        return onlineCount;
    }

    public static synchronized void addOnlineCount() {
        SmsMCustomerStaTop10Ws.onlineCount++;
        pushTrigger();
    }

    public static synchronized void subOnlineCount() {
        SmsMCustomerStaTop10Ws.onlineCount--;
        pushTrigger();
    }
}

使用到的业务方法

  • 以上onOpen()方法最终触发的业务方法smsMonitorService.pushSmsMCustomerStaTop10();

/**
     * 记录线程数,保证只创建一个线程
     */
    private volatile static int threadCountSCS = 0;
  /**
     * 数据推送开关,是否推送数据到前端,默认关闭
     */
    public static boolean isPushSCS = false;
      /**
     * 今日1,昨天2,前天3 数据 默认今日
     */
     
    private static ImmutableSet<Integer> statusSCS = ImmutableSet.of(1, 2, 3);
    
 @Override
    public void pushSmsMCustomerStaTop10() {
        if (threadCountSCS >= 1)
            return;
            
      threadCountSCS++;
      
        new Thread() {
            public void run() {
              
                Thread.currentThread().setName("pushSmsMCustomerStaTop10-" + threadCountSCS);
                System.out.println("top10客户发送量推送服务线程启动");
                while (isPushSCS) {
                    for (Integer statusSC : statusSCS) {
                        try {
                            List<SmsMCustomerStaVo> smsMCustomerStaTop10 = smsMonitorMapper.findSmsMCustomerStaTop10(statusSC);
                            List<SmsMCustomerStaView> smsMCustomerStaViewList = new ArrayList<>();
                            int i = 1;
                            for (SmsMCustomerStaVo sm : smsMCustomerStaTop10) {
                                SmsMCustomerStaView smsMCustomerStaView = new SmsMCustomerStaView();
                                smsMCustomerStaView.setId(i);
                                smsMCustomerStaView.setShortName(SmsSymbol.customerMap.get(sm.getCustomerNo()).getShortName());
                                smsMCustomerStaView.setCustomerName(SmsSymbol.customerMap.get(sm.getCustomerNo()).getName());
                                smsMCustomerStaView.setSubmitCount(sm.getAllCount());
                                Integer issueCount = sm.getSendSuccessCount() + sm.getSendFailCount() + sm.getSubmitSuccessCount(); //下发总量 = 总量除开提交失败
                                smsMCustomerStaView.setIssueCount(issueCount);
                                //成功率(前30分钟成功率)
                                Double sendSuccessCountRate = 0D;
                                if(sm != null && sm.getAllCountThirty() != null &&  sm.getAllCountThirty() != 0){
                                    sendSuccessCountRate = sm.getSendSuccessCountThirty() / sm.getAllCountThirty().doubleValue();
                                }
                                //未知率
                                Double unknownRateRate = 0D;
                                if(sm != null && sm.getAllCount() != null && sm.getAllCount() != 0){
                                    //sendSuccessCountRate = sm.getSendSuccessCount() / issueCount.doubleValue(); //发送成功率
                                    unknownRateRate = sm.getSubmitSuccessCount() / sm.getAllCount().doubleValue(); //未知率 = 提交成功 / 提交总量
                                }
                                smsMCustomerStaView.setSuccessRate(sendSuccessCountRate == 0 ?"0%":new DecimalFormat("#0.00").format(sendSuccessCountRate * 100) + "%");
                                smsMCustomerStaView.setUnknownRate(unknownRateRate == 0 ?"0%":new DecimalFormat("#0.00").format(unknownRateRate * 100) + "%");
                                i++;
                                smsMCustomerStaViewList.add(smsMCustomerStaView);
                            }
                            //List<SmsMCustomerStaView> collect = smsMCustomerStaViewList.stream().sorted(Comparator.comparing(SmsMCustomerStaView::getSubmitCount).reversed()).collect(Collectors.toList());
                            SmsMCustomerStaTop10Ws.sendInfo(statusSC,smsMCustomerStaViewList);

                        } catch (Exception e) {
                            // TODO Auto-generated catch block
                            log.error("top10客户发送量推送服务报错",e );
                        }
                    }
                    try {
                      Thread.sleep(1000);
                    }catch (Exception e){
                        System.out.println(e);
                    }
                }
                System.out.println("top10客户发送量推送服务线程停止");
                threadCountSCS--;
            }
        }.start();
    }

涉及的查询sql

  • 以上smsMonitorMapper.findSmsMCustomerStaTop10(statusSC);(传参区分查 前日/昨日/今日 数据)
  • oracle数据库查询语句
<select id="findSmsMCustomerStaTop10" resultMap="SmsMCustomerStaResultMap">
		select t.* from (
		 SELECT SUM(ALL_COUNT) ALL_COUNT,SUM(SUBMIT_SUCCESS_COUNT) SUBMIT_SUCCESS_COUNT,SUM(SUBMIT_FAIL_COUNT) SUBMIT_FAIL_COUNT,
		 SUM(SEND_SUCCESS_COUNT) SEND_SUCCESS_COUNT,SUM(SEND_FAIL_COUNT) SEND_FAIL_COUNT,SUM(ALL_COUNT_THIRTY) ALL_COUNT_THIRTY,
		SUM(SEND_SUCCESS_COUNT_THIRTY) SEND_SUCCESS_COUNT_THIRTY,CUSTOMER_NO
		 FROM SMS_M_CUSTOMER_STA
		 <if test="statusSCS == 1">
			 WHERE STA_DATE_TIME >= trunc(sysdate)
		 </if>
		<if test="statusSCS == 2">
			WHERE STA_DATE_TIME >= trunc(sysdate-1) AND STA_DATE_TIME <![CDATA[ < ]]> trunc(sysdate)
		</if>
		<if test="statusSCS == 3">
			WHERE STA_DATE_TIME >= trunc(sysdate-2) AND STA_DATE_TIME <![CDATA[ < ]]> trunc(sysdate-1)
		</if>
	    GROUP BY CUSTOMER_NO ORDER BY ALL_COUNT DESC)t where rownum &lt;= 20
	</select>

推送数据给前端演示图

在这里插入图片描述

  • 0
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebSocket是一种基于TCP的网络协议,它实现了浏览器与服务器之间的全双工通信,允许服务器主动向客户端推送信息,从而实现实时数据推送的功能。\[3\] 在使用WebSocket实现实时推送数据的过程中,需要在前后端分别进行相应的配置和代码编写。 在后端,需要创建一个WebSocket服务器,并在服务器端代码中编写发送消息的逻辑。可以使用Java的Spring框架提供的WebSocket支持,通过@EnableScheduling注解开启定时任务,并在定时任务中调用WebSocket服务器的sendAllMessage方法发送消息。\[2\] 在前端,需要使用JavaScript代码来建立WebSocket连接,并监听服务器端发送的消息。可以使用WebSocket的API来创建WebSocket对象,并通过onmessage事件监听服务器端发送的消息。一旦接收到消息,就可以进行相应的处理,例如更新页面上的数据。\[1\] 通过以上的配置和代码编写,就可以实现WebSocket实时推送数据的功能。当服务器端有新的数据需要推送时,会主动发送消息给客户端,客户端接收到消息后可以进行相应的处理,实现实时更新数据的效果。 #### 引用[.reference_title] - *1* *3* [webSocket实现数据的实时推送(附:前后端代码)](https://blog.csdn.net/weixin_42555014/article/details/124140649)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [SpringBoot集成WebSocket实现消息实时推送(提供Gitee源码)](https://blog.csdn.net/HJW_233/article/details/131326572)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值