zoukankan      html  css  js  c++  java
  • WebSocket.之.基础入门-建立连接

     

    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     @Override
    13     public Set<Class<?>> getAnnotatedEndpointClasses(Set<Class<?>> arg0) {
    14         // TODO 我们使用注解进行开发,简单。
    15         
    16         // 这个方法中可以进行过滤筛选Socket,但我们现在什么都不操作,直接返回arg0 ,21行:return arg0
    17         System.out.println("*******************************************");
    18         System.out.println("WebSocket初始的个数:" + arg0.size());
    19         System.out.println("*******************************************");
    20         
    21         return arg0;
    22     }
    23     
    24     // 这个方法是使用配置文件进行开发
    25     @Override
    26     public Set<ServerEndpointConfig> getEndpointConfigs(Set<Class<? extends Endpoint>> arg0) {
    27         // TODO Auto-generated method stub
    28         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

  • 相关阅读:
    SpringMVC学习笔记----常用注解
    python常用模块学习1
    python基础模块,包
    python-验证功能的装饰器示例
    python闭包及装饰器
    关于windows服务器配置
    python高阶函数
    python-生成器和迭代器
    linux--基础知识5
    python基础-文件操作的其他方法
  • 原文地址:https://www.cnblogs.com/Charles-Yuan/p/9784349.html
Copyright © 2011-2022 走看看