分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

WebSocket.之.基础入门-建立连接

发布时间:2023-09-06 02:18责任编辑:沈小雨关键词:Web

 

WebSocket.之.基础入门-建立连接

1. 使用开发工具(STS、Eclipse等)创建web项目。如下图所示,啥东西都没有。一个新的web项目。

2. 创建java类、index.jsp页面。注意:web.xml未做任何改动.

TestConfig.java 代码如下:

 1 package com.charles.socket; 2 ?3 import java.util.Set; 4 ?5 import javax.websocket.Endpoint; 6 import javax.websocket.server.ServerApplicationConfig; 7 import javax.websocket.server.ServerEndpointConfig; 8 ?9 public class TestConfig implements ServerApplicationConfig{10 11 ????// 这个方法是使用注解进行开发12 ????@Override13 ????public Set<Class<?>> getAnnotatedEndpointClasses(Set<Class<?>> arg0) {14 ????????// TODO 我们使用注解进行开发,简单。15 ????????16 ????????// 这个方法中可以进行过滤筛选Socket,但我们现在什么都不操作,直接返回arg0 ,21行:return arg017 ????????System.out.println("*******************************************");18 ????????System.out.println("WebSocket初始的个数:" + arg0.size());19 ????????System.out.println("*******************************************");20 ????????21 ????????return arg0;22 ????}23 ????24 ????// 这个方法是使用配置文件进行开发25 ????@Override26 ????public Set<ServerEndpointConfig> getEndpointConfigs(Set<Class<? extends Endpoint>> arg0) {27 ????????// TODO Auto-generated method stub28 ????????return null;29 ????}30 }

TestSocket.java 代码

package com.charles.socket;import javax.websocket.OnOpen;import javax.websocket.Session;import javax.websocket.server.ServerEndpoint;@ServerEndpoint(value = "/helloSocket")public class TestSocket { ???/*** ????* 当建立链接时,调用的方法. ????* @param session ????*/ ???@OnOpen ???public void open(Session session) { ???????????????System.out.println("开始建立了链接..."); ???????System.out.println("当前session的id是:" + session.getId()); ???}}

 index.jsp 代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Charles-WebSocket</title><script type="text/javascript"> ???????var websocket = null; ???var target = "ws://localhost:8080/websocket/helloSocket"; ???????function buildConnection() { ???????????????if(‘WebSocket‘ in window) { ???????????websocket = new WebSocket(target); ???????????????} else if(‘MozWebSocket‘ in window) { ???????????websocket = MozWebSocket(target); ???????} else { ???????????window.alert("浏览器不支持WebSocket"); ???????} ???} ???</script></head><body> ???????<button onclick="buildConnection();">开始建立链接</button></body></html>

将项目部署在Tomcat中进行运行,注意:Tomcat版本需要在7.x 以上。

由于项目中只写了一个 WebSocket(TestSocket.java),所以在启动的日志中,你能看到统计的socket仅有一个。

访问浏览器:http://localhost:8080/websocket

在页面上点击按钮:开始建立链接,看后台日志。如下图所示,有后台日志打印出来,说明前端和后端,建立连接成功。

如有问题,欢迎纠正!!!

如有转载,请标明源处:https://www.cnblogs.com/Charles-Yuan/p/9784349.html

WebSocket.之.基础入门-建立连接

原文地址:https://www.cnblogs.com/Charles-Yuan/p/9784349.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved