Tagged: WebSocket

vue+elementUI+WebSocket接收后台实时消息推送

用户登陆后即时推送业务信息,使用element-UI的Notification 通知进行提示,并通过Notification 通知的onClick方法进行页面跳转。 1、创建页面时即生效 我写在了首页,保证一进入系统即开始接收 2、websocket具体操作 作者:前端后台都不精链接:https://www.jianshu.com/p/c0a29ea2da46来源:简书

java WebSocket实现Java后台消息推送

1.什么是WebSocket   WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。 2.实现原理   在实现websocket连线过程中,需要通过浏览器发出websocket连线请求,然后服务器发出回应,这个过程通常称为“握手” 。在 WebSocket API,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 3.优点   在以前的消息推送机制中,用的都是 Ajax 轮询(polling),在特定的时间间隔由浏览器自动发出请求,将服务器的消息主动的拉回来,这种方式是非常消耗资源的,因为它本质还是http请求,而且显得非常笨拙。而WebSocket 在浏览器和服务器完成一个握手的动作,在建立连接之后,服务器可以主动传送数据给客户端,客户端也可以随时向服务器发送数据。 4.WebSocket和Socket的区别   1.WebSocket: websocket通讯的建立阶段是依赖于http协议的。最初的握手阶段是http协议,握手完成后就切换到websocket协议,并完全与http协议脱离了。 建立通讯时,也是由客户端主动发起连接请求,服务端被动监听。 通讯一旦建立连接后,通讯就是“全双工”模式了。也就是说服务端和客户端都能在任何时间自由得发送数据,非常适合服务端要主动推送实时数据的业务场景。 交互模式不再是“请求-应答”模式,完全由开发者自行设计通讯协议。 通信的数据是基于“帧(frame)”的,可以传输文本数据,也可以直接传输二进制数据,效率高。当然,开发者也就要考虑封包、拆包、编号等技术细节。   2.Socket: 服务端监听通讯,被动提供服务;客户端主动向服务端发起连接请求,建立起通讯。 每一次交互都是:客户端主动发起请求(request),服务端被动应答(response)。 服务端不能主动向客户端推送数据。 通信的数据是基于文本格式的。二进制数据(比如图片等)要利用base64等手段转换为文本后才能传输。 5.WebSocket客户端:   6.WebSocket服务端(java后台):     1.核心类: package com.mes.util; import java.io.IOException;import java.util.Map;import java.util.concurrent.ConcurrentHashMap; import javax.websocket.OnClose;import javax.websocket.OnError;import javax.websocket.OnMessage;import javax.websocket.OnOpen;import javax.websocket.Session;import javax.websocket.server.PathParam;import javax.websocket.server.ServerEndpoint; import org.springframework.stereotype.Component;import org.springframework.stereotype.Service; import com.google.gson.JsonObject; import net.sf.json.JSONObject;@ServerEndpoint(“/webSocket/{username}”)  public class WebSocket { private static int onlineCount = 0; private static Map<String, WebSocket> clients = new ConcurrentHashMap<String, WebSocket>(); private Session...

117

Java搭建WebSocket的两种方式

下面分别介绍搭建方法:一、直接使用Java EE的api进行搭建。一共3个步骤:1、添加依赖<dependency>    <groupId>javax</groupId>    <artifactId>javaee-api</artifactId>    <version>7.0</version>    <scope>provided</scope></dependency>2、使用注解@ServerEndpointimport javax.websocket.*;import javax.websocket.server.PathParam;import javax.websocket.server.ServerEndpoint;import java.io.IOException;import java.util.Map;import java.util.concurrent.ConcurrentHashMap;import java.util.logging.Logger; /*** WebSocket连接 sessionKey是url中的参数*/@ServerEndpoint(“/websocket/{sessionKey}”)public class WebSocket {     private static final Logger log = Logger.getLogger(WebSocket.class.getName());    ...