WebSocket 前后端實時消息推送

lindroid 發布于2019-08-02 15:16 / 2661人閱讀

摘要：要做一個通信監測方面的事情，需要實時進行前后端的的消息推送，這里不分析輪詢和的區別，網上講的挺多的，下圖是兩者的通信示意圖，這里只寫怎么用。

要做一個通信監測方面的事情，需要實時進行前后端的的消息推送，這里不分析Ajax輪詢和WebSocket的區別，網上講的挺多的，下圖是兩者的通信示意圖，這里只寫怎么用。

下圖是我的一個頁面簡單展示

上代碼
前端js
鏈接：https://pan.baidu.com/s/1gkdj...
提取碼：c0q5
從上述連接下載必須的js
sockjs.min.js
stomp.min.js

后端使用
pom.xml配置


            org.springframework.boot
            spring-boot-starter-websocket

配置類

import org.springframework.context.annotation.Configuration;
import org.springframework.messaging.simp.config.MessageBrokerRegistry;
import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker;
import org.springframework.web.socket.config.annotation.StompEndpointRegistry;
import org.springframework.web.socket.config.annotation.WebSocketMessageBrokerConfigurer;

//springBoot2.0版本后使用 實現WebSocketMessageBrokerConfigurer接口；
//2.0以下版本繼承AbstractWebSocketMessageBrokerConfigurer 類；
@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {
  @Override
  public void registerStompEndpoints(StompEndpointRegistry registry) {
      //注冊一個Stomp 協議的endpoint指定URL為myWebSocket,并用.withSockJS()指定 SockJS協議。.setAllowedOrigins("*")設置跨域
      registry.addEndpoint("/myWebSocket").setAllowedOrigins("*").withSockJS();
  }
  @Override
  public void configureMessageBroker(MessageBrokerRegistry config) {
      //配置消息代理(message broker)
      //將消息傳回給以‘/topic’開頭的客戶端
      config.enableSimpleBroker("/topic");
  }
}

private SimpMessagingTemplate simpMessage;

使用的時候直接用

simpMessage.convertAndSend("/topic/ip", "給前端推送的消息" );//這里的“topic/ip"是自己設定的地址，只要和前端保持一致就可以

如果有不清楚的地方可以給我發郵件：736812983@qq.com，也可以加qq

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54013.html

WebSocket 前后端實時消息推送

摘要：要做一個通信監測方面的事情，需要實時進行前后端的的消息推送，這里不分析輪詢和的區別，網上講的挺多的，下圖是兩者的通信示意圖，這里只寫怎么用。要做一個通信監測方面的事情，需要實時進行前后端的的消息推送，這里不分析Ajax輪詢和WebSocket的區別，網上講的挺多的，下圖是兩者的通信示意圖，這里只寫怎么用。showImg(https://segmentfault.com/img/rem...

khs1994 2019-08-23 17:59 評論0 收藏0
WebSocket在容器化管理平臺的應用

摘要：介紹是一個持久化協議，相對于這種非持久協議而言。其在容器化管理平臺里主要有兩個應用場景類型，一個是實時消息類，將實時日志業務監控等相關信息推送給客戶端。那么我們在處理實時消息時就采用了與相結合的方式，快速實現將應用日志信息推送到端。介紹 Websocket是一個持久化協議，相對于HTTP這種非持久協議而言。它實現了瀏覽器與服務器全雙工通信，能更好的節省服務器資源和帶寬并達到實時通訊的...

superPershing 2019-06-28 15:46 評論0 收藏0
websocket學習和群聊實現

摘要：協議可以實現前后端全雙工通信，從而取代浪費資源的長輪詢。而就可以使得前后端進行全雙工通信兩方都可以向對方進行數據推送，是真正的平等對話。 WebSocket協議可以實現前后端全雙工通信，從而取代浪費資源的長輪詢。在此協議的基礎上，可以實現前后端數據、多端數據，真正的實時響應。在學習WebSocket的過程中，實現了一個簡化版群聊，過程和代碼詳細記錄在這篇文章中。本篇文章來自董沅鑫的...

fantix 2019-08-26 12:16 評論0 收藏0
Web 實時推送技術的總結

摘要：本文對過去和現在流行的實時推送技術進行了比較與總結。以上我們介紹了三種實時推送技術，然而各自的缺點很明顯，使用起來并不理想，接下來我們著重介紹另一種技術它是比較理想的雙向通信技術。前言隨著 Web 的發展，用戶對于 Web 的實時推送要求也越來越高，比如，工業運行監控、Web 在線通訊、即時報價系統、在線游戲等，都需要將后臺發生的變化主動地、實時地傳送到瀏覽器端，而不需要用戶手動...

Rocture 2019-08-23 15:53 評論0 收藏0