WebSocket小例子

最新推荐文章于 2024-06-24 09:18:51 发布
最新推荐文章于 2024-06-24 09:18:51 发布
阅读量131 收藏
点赞数
分类专栏： JAVA 文章标签： WebSocket例子
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010536669/article/details/105338336
版权 
package cn.bdqn.websocket;

import java.util.HashMap;
import java.util.Map;

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 com.alibaba.gov.fastjson.JSON;
import com.alibaba.gov.fastjson.JSONObject;

@ServerEndpoint("/websocket/{name}")
public class WebSocketServer {
	
	private String name;
	private Session session;
	private static Map<String,WebSocketServer> allClients = new HashMap<String, WebSocketServer>();
	
	@OnOpen
	public void onOpen(@PathParam("name")String name,Session session){
		System.out.println("onOpen进来了~~~，用户名是："+name);
		this.name=name;
		this.session=session;
		allClients.put(name, this);
	}

	@OnMessage
	public void onMessage(Session session,String message){
		System.out.println("我是OnMessage~~~~~~~~~~~~~~~~~~~~~~~");
		JSONObject obj = JSON.parseObject(message);
		String to=obj.getString("toUser");
		String toMessage=obj.getString("toMessage");
		WebSocketServer webSocket = allClients.get(to);
		if(webSocket!=null){
			Session toSession = webSocket.getSession();
			if(toSession.isOpen()){
				toSession.getAsyncRemote().sendText(this.getName()+"说："+toMessage);
				session.getAsyncRemote().sendText(this.getName()+"说："+toMessage);
			}
			
		}else{
			session.getAsyncRemote().sendText("对方不在线~~~~~~");
		}
		
	}
	
	@OnError
	public void onError(Session session,Throwable e){
		
	}
	
	@OnClose
	public void onClose(Session session){
		
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public Session getSession() {
		return session;
	}

	public void setSession(Session session) {
		this.session = session;
	}

	public static Map<String, WebSocketServer> getAllClients() {
		return allClients;
	}

	public static void setAllClients(Map<String, WebSocketServer> allClients) {
		WebSocketServer.allClients = allClients;
	}
	
	
}

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript">
    	var websocket=null;
    	function connection(){
    		var username=document.getElementById("username").value;
    		
    		//alert(document.location.host);
    		if("WebSocket" in window){
    			
    			websocket=new WebSocket("ws://"+document.location.host+"/TestWebSocket/websocket/"+username);

    		}else{
    			alert("浏览器不支持WebSocket");
    		}
    		
    		websocket.onopen=function(){
    			
    			document.getElementById("showMessage").innerHTML="连接已建立,可以聊天了~~~<br/>";
    		};
    		
    		websocket.onmessage=function(event){
    			var data = event.data;
    			//document.getElementById("showMessage").innerHTML=data;
    			$("#showMessage").append(data+"<br/>");
    		};
    		websocket.onerror=function(){
    			document.getElementById("showMessage").innerHTML="出现异常了";
    		};
    		websocket.onclose=function(){
    			document.getElementById("showMessage").innerHTML="连接关闭了";
    		};
    		window.onbeforunload=function(){
    			if(websocket!=null){
    				websocket.close();
    			}
    		};
    		
    	}
    	
    	function sendMessage(){
    		var toUser=document.getElementById("toUser").value;
    		var toMessage=document.getElementById("toMessage").value;
    		if (websocket!=null) {
				
    			var message='{"toUser":"'+toUser+'","toMessage":"'+toMessage+'"}';
    			alert("消息发送成功！");
    			websocket.send(message);
			}
    	}
    </script>
  </head>
  
  <body>
    	<h1>这里是飞机聊天室，Wellcome！！~~~</h1><br>
    请输入你的昵称：<input type="text" name="username" id="username"/><button onclick="connection()">建立连接</button><br/><br/><br/><br/>
    接收者：<input type="text" name="toUser" id="toUser"/><br/>
    发送的消息：<input type="text" id="toMessage"/><br/>
    <button onclick="sendMessage()" >发送</button><br/><br/>
    <div id="showMessage"></div>
  </body>
</html>

 

小小飞机
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webSocket入门小案例（搭建实时交互的群聊+点对点的交流）
怪老四的博客
03-18 3012
​ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 ​
关于Websocket以及小例子
weixin_43783614的博客
08-22 374
啊啊
Web实时通信的学习之旅：WebSocket入门指南及示例演示
最新发布
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
06-24 2626
WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制，即WebSocket 协议可以跨域通信WebSocket 协议是有状态的，是前后端交互的长连接，即建立连接后可以保持连接状态，通信时可以省略部分状态信息WebSocket 协议可以发送文本，同时也可以发送二进制数据WebSocket 是一种强大的网络通信协议，它允许服务器和客户端之间进行实时、双向通信。
websocket使用案例
08-28
websocket使用入门案例，详情请见博客http://blog.csdn.net/u012702547/article/details/77655826
Java webSocket编程
u011267841的博客
12-19 355
1.在pom.xml中加入相应的jar依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> ...
webSocket 简单实例
狼与自由
11-18 6311
什么是webSocket？ webSocket 是解决服务器端和客户端通信实时的技术。ajax也可以通信，但是他做不到实时。在webSocket之前我们想要实时效果，都是要通过轮询的方式，显然这样很浪费资源。 webSocket 的强大在于，比起ajax 需要从客户端发起请求，webSocket的 服务端与客户端可以相互实时推送消息。 如何使用webSocket？ 首先你得有一个支
websocket 小例子
08-06
用于网页端的websocket代码，亲测可用。用于网页端的websocket代码，亲测可用。
websocket小例子
03-07
在WebSocket小例子中，我们通常会涉及以下几个关键概念： 1. **握手（Handshake）**：WebSocket连接的建立始于一个HTTP升级请求，这个过程称为握手。客户端通过发送一个"Upgrade"头字段，请求将连接升级到WebSocket...
websocket例子
03-23
WebSocket简单例子（包含一个WebSocket例子、一个SockJS例子、一个STOMP例子） 一个WebSocket例子：基于HTML5 一个SockJS例子：SockJS是对WebSocket做了封装，因为有些环境可能不支持WebSocket，SockJS会智能选择...
netty5_兼容tcp、websocket小例子 实现信息广播
07-22
在这个“netty5_兼容tcp、websocket小例子”中，我们将探讨如何利用Netty 5版本实现TCP和WebSocket的兼容，并实现信息的广播功能。TCP是一种面向连接的、可靠的传输层协议，而WebSocket则是一种在Web上提供全双工...
webSocket实现例子
01-19
WebSocket是一种在客户端和服务器之间建立持久连接的协议，它允许双方进行全双工通信，即数据可以在两个方向上同时传输，极大地提高了实时性。在Java中实现WebSocket，我们可以利用Java API for WebSocket (JSR 356)...
Websocket简单实例
07-09
Websocket简单实例 便于理解websocket工作方式 tomcat7.0.55+JDK1.7
webSocket例子
01-21
完整的webSocket教程，后台主动发消息到前台页面，亲测可用
websocket实例
08-19
websocket push实例，websocket server,websocket client,websocket push servlet
WebSocket实例
01-04
WebSocket实例！WebSocket实例！WebSocket实例！WebSocket实例！
webSocket实例一
weixin_39889465的博客
01-08 433
一. HTML5 websocket 讲解了websocket的概念以及应用场景（单个 TCP 连接上进行全双工通讯的协议）； webSocket中的事件和属性方法； 详细讲解了请求与响应头中与http的区别和关联。 nodejs端的代码： 第一步需要下载ws插件：npm install ws const ws = require('ws'); // 创建ws const webSocket = new ws.Server({ port: 8080, host: "127.0.0.1"
HTML5 WebSocket
qq_35892775的博客
10-14 189
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，...
WebSocket的一个小例子
dongjun89898153的博客
06-20 2441
后台代码: import java.io.IOException; import java.util.concurrent.CopyOnWriteArraySet; import javax.websocket.OnClose; import javax.websocket.OnError; import javax.websocket.OnMessage; import javax.
WebSocket的小例子
04-01
以下是一个简单的WebSocket示例，使用JavaScript编写，实现了简单的消息传递和响应： HTML代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WebSocket Example</title> </head> <body> <input type="text" id="input-message"> <button type="button" onclick="send()">Send</button> <div id="output"></div> <script> var ws = new WebSocket("ws://localhost:8080"); ws.onopen = function() { console.log("WebSocket opened"); }; ws.onmessage = function(event) { var output = document.getElementById("output"); output.innerHTML += "<p>" + event.data + "</p>"; }; function send() { var input = document.getElementById("input-message"); var message = input.value; ws.send(message); input.value = ""; } </script> </body> </html> ``` JavaScript代码： ``` var WebSocketServer = require("ws").Server; var wss = new WebSocketServer({ port: 8080 }); wss.on("connection", function(ws) { console.log("WebSocket connected"); ws.on("message", function(message) { console.log("Received message: " + message); ws.send("You sent: " + message); }); }); ``` 运行该代码后，可以在浏览器中打开HTML文件，并与WebSocket服务器进行通信。在输入框中输入消息，单击“Send”按钮发送消息，然后在页面上查看服务器的响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值