因为没有基础，不知道从哪里入手。

文档里的例子，https://github.com/rstoyanchev/spring-websocket-portfolio，这个除了WebSocket，还整了Security的东西(坑，版本更新导致默认的passwordEncoder不能用了，不然login一直不成功）

自己写了个乞丐版，体验一下到底怎么运行起来的。

要做啥

客户端：HTML，请求建立连接，显示接收到的消息

服务端：SpringBoot的WebSocket starter，每隔0.5秒发送一个数字

实现

客户端：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="content-type" content="text/html;charset=utf-8">

    <title>Test WebSocket</title>

    <script>

        var ws = new WebSocket("ws://localhost:8080/myHandler");

        ws.onopen = function () {

            var ele=document.getElementById('wsStatus');

            ele.innerHTML="WebSocket状态：已连接";

        };

        // 接收服务端数据时触发事件

        ws.onmessage = function (evt) {

            var received_msg = evt.data;

            console.info(received_msg);

            var ele=document.getElementById('countId');

            ele.innerHTML="接收到："+received_msg;

        };

        // 断开 web socket 连接成功触发事件

        ws.onclose = function () {

            var ele=document.getElementById('wsStatus');

            ele.innerHTML="WebSocket状态：已断开";

        };

    </script>

</head>

<body>

    <div>

        <h2 id="wsStatus">WebSocket状态：</h2>

    </div>

    <div >

        <h2 id="countId">接收到：</h2>

    </div>

</body>

</html>

服务端：

1. 从start.spring.io上生成一个初始的Gradle项目，依赖项加入WebSocket。

2. 根据4.2.1， 添加一个handler，每500ms发送一个数字。

package com.fzh.sbootwebsocket.handlers;

import org.springframework.web.socket.TextMessage;

import org.springframework.web.socket.WebSocketSession;

import org.springframework.web.socket.handler.TextWebSocketHandler;

public class MyHandler extends TextWebSocketHandler{

    @Override

    public void handleTextMessage(WebSocketSession session, TextMessage message){

        System.out.println("session:"+session.getId()+", Message: "+message.getPayload());

    }

    @Override

    public void afterConnectionEstablished(WebSocketSession session) throws Exception {

        for(int i=0;i<100;i++){

            TextMessage message = new TextMessage(String.valueOf(i));

            session.sendMessage(message);

            Thread.sleep(500);

        }

    }

}

3. 将handler配置到路径/myHandler。注意，setAllowedOrigins("*")这个一定要加上，要不然客户端没有响应。

package com.fzh.sbootwebsocket.config;

import com.fzh.sbootwebsocket.handlers.MyHandler;

import org.springframework.context.annotation.Bean;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.socket.WebSocketHandler;

import org.springframework.web.socket.config.annotation.EnableWebSocket;

import org.springframework.web.socket.config.annotation.WebSocketConfigurer;

import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;

@Configuration

@EnableWebSocket

public class WebSocketConfig implements WebSocketConfigurer {

    @Override

    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {

        registry.addHandler(myHandler(), "/myHandler").setAllowedOrigins("*");

    }

    @Bean

    public WebSocketHandler myHandler(){

        return new MyHandler();

    }

}

4. 命令行输入： ./gradlew bootRun

5. 用浏览器打开最开始编辑好的网页，当当当当当！

Spring Chapter4 WebSocket 胡乱翻译 （一） 一个例子的更多相关文章

  1. Spring Chapter4 WebSocket 胡乱翻译 （二）

    书接上文,Spring Chapter4 WebSocket 胡乱翻译 (一) 4.4.4. 消息流 一旦暴露了STOMP端点,Spring应用程序就成为连接客户端的STOMP代理. 本节介绍服务器端 ...

  2. Spring Chapter4 WebSocket 胡乱翻译 （一）

    4. WebSocket 包含了Servlet stack,原生WebSocket交互,通过SockJS模拟,并且通过STOMP在WebSocket之上订阅.发布消息. 4.1 简介 不扯了,看到这个 ...

  3. spring 上传文件文件的一个例子，

    /** * 类名称:UploadTest 类描述:创建人:zhang 创建时间:2015年3月13日 下午4:20:57 修改人:zhang * 修改时间:2015年3月13日 下午4:20:57 修 ...

  4. 什么是基于Java的Spring注解配置? 给一些注解的例子？

    基于Java的配置,允许你在少量的 Java注解 的帮助下,进行你的大部分Spring配置而非通过XML文件. 以@Configuration 注解为例,它用来标记类可以当做一个bean的定义,被Sp ...

  5. 什么是基于 Java 的 Spring 注解配置? 给一些注解的例子?

    基于 Java 的配置,允许你在少量的 Java 注解的帮助下,进行你的大部分 Spring 配置而非通过 XML 文件. 以@Configuration 注解为例,它用来标记类可以当做一个 bean ...

  6. spring笔记--使用springAPI以及自定义类 实现AOP的一个例子

    Spring的另一个重要思想是AOP,面向切面的编程,它提供了一种机制,可以在执行业务前后执行另外的代码,Servlet中的Filter就是一种AOP思想的体现,下面通过一个例子来感受一下. 假设我们 ...

  7. Spring Boot WebSocket从入门到放弃

    在构建Spring boot项目时已经提供webSocket依赖的勾选.webSocket是TCP之上的一个非常薄的轻量级层 ,webSocket主要的应用场景离不开即时通讯与消息推送,但只要应用程序 ...

  8. 玩转spring boot——websocket

    前言 QQ这类即时通讯工具多数是以桌面应用的方式存在.在没有websocket出现之前,如果开发一个网页版的即时通讯应用,则需要定时刷新页面或定时调用ajax请求,这无疑会加大服务器的负载和增加了客户 ...

  9. spring boot websocket stomp 实现广播通信和一对一通信聊天

    一.前言 玩.net的时候,在asp.net下有一个叫 SignalR 的框架,可以在ASP .NET的Web项目中实现实时通信.刚接触java寻找相关替代品,发现 java 体系中有一套基于stom ...

随机推荐

  1. Jmeter_实现Excel文件导出到本地

    一般而言,对于页面的“导出”操作,主要经历如下两个操作:①根据数据库的内容,将文件导出到应用服务器上:②将服务器上的文件下载到本地电脑: Jmeter同LoadRunner类似,只能记录服务端与客户端 ...

  2. 简单的opengl步骤模板

    以下内容整理自:https://learnopengl-cn.github.io/01%20Getting%20started/03%20Hello%20Window/ 一.初始化 glfw 并设置相 ...

  3. python—Celery异步分布式

    python—Celery异步分布式 Celery  是一个python开发的异步分布式任务调度模块,是一个消息传输的中间件,可以理解为一个邮箱,每当应用程序调用celery的异步任务时,会向brok ...

  4. Python3之uuid模块

    一. 简介 UUID是128位的全局唯一标识符,通常由32字节的字母串表示.它可以保证时间和空间的唯一性,也称为GUID. 全称为:UUID--Universally Unique IDentifie ...

  5. Node.js的mysql执行多表联合查询

    数据库(test)中的表结构(admin.user) //执行多表结合查询 var mysql = require('mysql'); var connection = mysql.createCon ...

  6. angularjs中向html页面添加内容节点元素代码段的两种方法

    第一种方式:原生JS向html页面添加内容节点元素代码段: <!DOCTYPE html> <html> <head> <meta charset=" ...

  7. CentOS 7 基础网络管理

    网络服务管理 network服务是对整个计算机网络服务的控制,也可以理解为控制所有网卡. [root@localhost ~]# systemctl start network //开启网络服务 [r ...

  8. BZOJ - 2440 容斥定理

    组合枚举n/i/i,贡献为miu倍 /*H E A D*/ int mu[maxn],prime[maxn],cnt; bool isprime[maxn]; void sai(int n){ mu[ ...

  9. openssl-devel和openssl 是什么具体关系

    [转自] https://zhidao.baidu.com/question/919579491101051499.html Redhat在封装openssl的时候,把openssl分成了几个部分,执 ...

  10. 从cocos2d-html5中提取出来的，用做前端开发的框架——cc.js

    从cocos2d-html5中提取出来的,用做前端开发的框架——cc.js /************************************************************* ...