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

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

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

TestConfig.java 代码如下：

 package com.charles.socket;

 import java.util.Set;

 import javax.websocket.Endpoint;

 import javax.websocket.server.ServerApplicationConfig;

 import javax.websocket.server.ServerEndpointConfig;

 public class TestConfig implements ServerApplicationConfig{

     // 这个方法是使用注解进行开发

     @Override

     public Set<Class<?>> getAnnotatedEndpointClasses(Set<Class<?>> arg0) {

         // TODO 我们使用注解进行开发，简单。

         // 这个方法中可以进行过滤筛选Socket，但我们现在什么都不操作，直接返回arg0 ，21行：return arg0

         System.out.println("*******************************************");

         System.out.println("WebSocket初始的个数：" + arg0.size());

         System.out.println("*******************************************");

         return arg0;

     }

     // 这个方法是使用配置文件进行开发

     @Override

     public Set<ServerEndpointConfig> getEndpointConfigs(Set<Class<? extends Endpoint>> arg0) {

         // TODO Auto-generated method stub

         return null;

     }

 }

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.之.基础入门-建立连接的更多相关文章

  1. WebSocket.之.基础入门-断开连接处理

    ebSocket.之.基础入门-断开连接处理 在<WebSocket.之.基础入门-后端响应消息>的代码基础之上,继续更新代码.代码只改动了:TestSocket.java 和 index ...

  2. WebSocket.之.基础入门-前端发送消息

    WebSocket.之.基础入门-前端发送消息 在<WebSocket.之.基础入门-建立连接>的代码基础之上,进行添加代码.代码只改动了:TestSocket.java 和 index. ...

  3. WebSocket.之.基础入门-后端响应消息

    WebSocket.之.基础入门-后端响应消息 在<WebSocket.之.基础入门-前端发送消息>的代码基础之上,进行添加代码.代码只改动了:TestSocket.java 和 inde ...

  4. Arduino基础入门—3.连接 IIC 1602 LCD显示文字

    1. IIC转接板介绍 Arduino Uno R3开发板的外部IO口是非常有限的.在驱动LCD1602时,尽管我们的数据线使用了4线,相对于8线方式减少一半,但是在需要外接多种传感器的应用中,4线驱 ...

  5. websocket是如何进行建立连接与通信的?(简单理解)

    握手过程: websocket-client端通过ws协议向websocket-server端发起连接请求前,首先在自己的请求头中添加Sec-Websocket-Key键值对,值为根据自己账号通过一定 ...

  6. java基础入门-建立能够多client链接的ServerSocket

    承接上一篇文章,今天谈论一下能够多client链接的ServerSocket. 这里面注意涉及到的技术点是: 1.ServerSocket 2.多线程 这次我们分成两个类来实现,先上代码: packa ...

  7. Websocket如何建立连接

    前面提到,WebSocket复用了HTTP的握手通道.具体指的是,客户端通过HTTP请求与WebSocket服务端协商升级协议.协议升级完成后,后续的数据交换则遵照WebSocket的协议. 1.客户 ...

  8. 使用Websocket与服务器建立连接

    handleMessage = () => { const url = '////'; //某url const token = getCookie('xnToken');//向后端发请求得登陆 ...

  9. WebSocket在建立连接时通过@PathParam获取页面传值

    最近用Java下使用WebSocket,有一个需求,在页面与Java后台建立连接的时候获取页面上提供的参数,也就是在@OnOpen注解的方法里面获取一次页面的参数,有一个很简单的方法可以获得.即使用@ ...

随机推荐

  1. [No0000C7]windows 10桌面切换快捷键,win10

    windows 10桌面切换快捷键:Ctrl+Win+←/→ 切换窗口:Alt+Tab(不是新的,但任务切换界面改进)任务视图:Win+Tab(松开键盘界面不会消失)创建新的虚拟桌面:Win+Ctrl ...

  2. 编译安装spark 1.5.x（Building Spark）

    原文连接:http://spark.apache.org/docs/1.5.0/building-spark.html · Building with build/mvn · Building a R ...

  3. PHP 正则表达式---匹配模式

    1.PHP 正则表达式 正则表达式贪婪匹配,非贪婪匹配. 默认是贪婪匹配, 例如 ①.贪婪匹配, $str = ' 香肠 月饼 '; preg_match('/ (.)</td>/',$s ...

  4. [dpdk] SDK编译配置

    前言: dpdk-16.07.2 与 内核Linux-3.10.0-514.6.1.el7.x86_64 编译的时候有个关于kni的错误 CC [M] /root/src/thirdparty/dpd ...

  5. 动态代理Dynamic Proxy

    代理模式是常用的Java设计模式,他的特征是代理类与委托类有同样的接口,代理类主要负责为委托类 预处理消息,过滤消息,把消息转发给委托类,以及事后处理消息等. 代理类与委托类之间通常会存在关联关系,一 ...

  6. oplog

    参考资料:https://www.cnblogs.com/ruizhang3/p/6539730.html http://www.jb51.net/article/113432.htm :insert ...

  7. ios中输入法把 内容顶起后 内容下不来问题

    之前是做一个日期选择的功能,引入了一个选择日期的插件,当input框获得焦点时,弹出日期选择框,但是,输入法页弹出来了,把选择日期的插件顶的老高了,很丑,于是我在网上查了个方法不让输入法弹出来,就是在 ...

  8. oracle创建表空间 授权

    --创建表空间 临时表空间 create temporary tablespace xiaodai_temp tempfile '/main/app/oracle/oradata/devdb/xiao ...

  9. 解决采集知乎数据时由于账号被封遗漏的账号重爬问题（python代码）

    '''一.最笨的办法了################################################################为了处理由于账号被封而没跑到的问题id进行以下两步 ...

  10. python pip install 报错TypeError: unsupported operand type(s) for -=: 'Retry' and 'int' Command "python setup.py egg_info" failed with error code 1 in

    pip install http://download.pytorch.org/whl/cu80/torch-0.2.0.post3-cp27-cp27mu-manylinux1_x86_64.whl ...