摘要:要做一個(gè)通信監(jiān)測(cè)方面的事情,需要實(shí)時(shí)進(jìn)行前后端的的消息推送,這里不分析輪詢和的區(qū)別,網(wǎng)上講的挺多的,下圖是兩者的通信示意圖,這里只寫怎么用。
要做一個(gè)通信監(jiān)測(cè)方面的事情,需要實(shí)時(shí)進(jìn)行前后端的的消息推送,這里不分析Ajax輪詢和WebSocket的區(qū)別,網(wǎng)上講的挺多的,下圖是兩者的通信示意圖,這里只寫怎么用。
下圖是我的一個(gè)頁面簡單展示
上代碼
前端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版本后使用 實(shí)現(xiàn)WebSocketMessageBrokerConfigurer接口; //2.0以下版本繼承AbstractWebSocketMessageBrokerConfigurer 類; @Configuration @EnableWebSocketMessageBroker public class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Override public void registerStompEndpoints(StompEndpointRegistry registry) { //注冊(cè)一個(gè)Stomp 協(xié)議的endpoint指定URL為myWebSocket,并用.withSockJS()指定 SockJS協(xié)議。.setAllowedOrigins("*")設(shè)置跨域 registry.addEndpoint("/myWebSocket").setAllowedOrigins("*").withSockJS(); } @Override public void configureMessageBroker(MessageBrokerRegistry config) { //配置消息代理(message broker) //將消息傳回給以‘/topic’開頭的客戶端 config.enableSimpleBroker("/topic"); } }
private SimpMessagingTemplate simpMessage;
使用的時(shí)候直接用
simpMessage.convertAndSend("/topic/ip", "給前端推送的消息" );//這里的“topic/ip"是自己設(shè)定的地址,只要和前端保持一致就可以
如果有不清楚的地方可以給我發(fā)郵件:736812983@qq.com,也可以加qq
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/104480.html
摘要:要做一個(gè)通信監(jiān)測(cè)方面的事情,需要實(shí)時(shí)進(jìn)行前后端的的消息推送,這里不分析輪詢和的區(qū)別,網(wǎng)上講的挺多的,下圖是兩者的通信示意圖,這里只寫怎么用。 要做一個(gè)通信監(jiān)測(cè)方面的事情,需要實(shí)時(shí)進(jìn)行前后端的的消息推送,這里不分析Ajax輪詢和WebSocket的區(qū)別,網(wǎng)上講的挺多的,下圖是兩者的通信示意圖,這里只寫怎么用。showImg(https://segmentfault.com/img/rem...
摘要:介紹是一個(gè)持久化協(xié)議,相對(duì)于這種非持久協(xié)議而言。其在容器化管理平臺(tái)里主要有兩個(gè)應(yīng)用場(chǎng)景類型,一個(gè)是實(shí)時(shí)消息類,將實(shí)時(shí)日志業(yè)務(wù)監(jiān)控等相關(guān)信息推送給客戶端。那么我們?cè)谔幚韺?shí)時(shí)消息時(shí)就采用了與相結(jié)合的方式,快速實(shí)現(xiàn)將應(yīng)用日志信息推送到端。 介紹 Websocket是一個(gè)持久化協(xié)議,相對(duì)于HTTP這種非持久協(xié)議而言。它實(shí)現(xiàn)了瀏覽器與服務(wù)器全雙工通信,能更好的節(jié)省服務(wù)器資源和帶寬并達(dá)到實(shí)時(shí)通訊的...
摘要:協(xié)議可以實(shí)現(xiàn)前后端全雙工通信,從而取代浪費(fèi)資源的長輪詢。而就可以使得前后端進(jìn)行全雙工通信兩方都可以向?qū)Ψ竭M(jìn)行數(shù)據(jù)推送,是真正的平等對(duì)話。 WebSocket協(xié)議可以實(shí)現(xiàn)前后端全雙工通信,從而取代浪費(fèi)資源的長輪詢。在此協(xié)議的基礎(chǔ)上,可以實(shí)現(xiàn)前后端數(shù)據(jù)、多端數(shù)據(jù),真正的實(shí)時(shí)響應(yīng)。在學(xué)習(xí)WebSocket的過程中,實(shí)現(xiàn)了一個(gè)簡化版群聊,過程和代碼詳細(xì)記錄在這篇文章中。 本篇文章來自董沅鑫的...
摘要:本文對(duì)過去和現(xiàn)在流行的實(shí)時(shí)推送技術(shù)進(jìn)行了比較與總結(jié)。以上我們介紹了三種實(shí)時(shí)推送技術(shù),然而各自的缺點(diǎn)很明顯,使用起來并不理想,接下來我們著重介紹另一種技術(shù)它是比較理想的雙向通信技術(shù)。 前言 隨著 Web 的發(fā)展,用戶對(duì)于 Web 的實(shí)時(shí)推送要求也越來越高 ,比如,工業(yè)運(yùn)行監(jiān)控、Web 在線通訊、即時(shí)報(bào)價(jià)系統(tǒng)、在線游戲等,都需要將后臺(tái)發(fā)生的變化主動(dòng)地、實(shí)時(shí)地傳送到瀏覽器端,而不需要用戶手動(dòng)...
閱讀 1261·2023-04-25 19:10
閱讀 1140·2021-09-10 10:50
閱讀 3028·2021-09-02 15:21
閱讀 1383·2019-08-30 15:52
閱讀 1681·2019-08-30 13:56
閱讀 2077·2019-08-30 12:53
閱讀 1870·2019-08-28 18:22
閱讀 2115·2019-08-26 13:47