SpringBoot---Web开发---WebSocket

【广播式】

1、

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

    <modelVersion>4.0.0</modelVersion>

    <parent>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-starter-parent</artifactId>

        <version>2.1.1.RELEASE</version>

        <relativePath/> <!-- lookup parent from repository -->

    </parent>

    <groupId>com.an</groupId>

    <artifactId>springbootwebsocket</artifactId>

    <version>0.0.1-SNAPSHOT</version>

    <name>springbootwebsocket</name>

    <description>Demo project for Spring Boot</description>

    <properties>

        <java.version>1.8</java.version>

    </properties>

    <dependencies>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-websocket</artifactId>

        </dependency>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-test</artifactId>

            <scope>test</scope>

        </dependency>

    </dependencies>

    <build>

        <plugins>

            <plugin>

                <groupId>org.springframework.boot</groupId>

                <artifactId>spring-boot-maven-plugin</artifactId>

            </plugin>

        </plugins>

    </build>

</project>

2、application.properties

#Tomcat

server.tomcat.uri-encoding=utf-8

server.tomcat.max-threads=1000

server.tomcat.min-spare-threads=100

server.port=8080

server.servlet.context-path=/

#Thymeleaf

spring.thymeleaf.cache=false

spring.thymeleaf.prefix=classpath:/templates/

spring.thymeleaf.suffix=.html

spring.thymeleaf.mode=HTML5

spring.thymeleaf.servlet.content-type=text/html

spring.resources.static-locations=classpath:/static/

3、ws.html

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>SpringBoot+WebSocket【广播模式】</title>

</head>

<body onload="disconnect();">

<noscript>

    <h2>您的浏览器不支持WebSocket！</h2>

</noscript>

<div>

    <div>

        <button id="connect" onclick="connect();">连接</button>

        <button id="disconnect" disabled="disabled" onclick="disconnect();">断开连接</button>

    </div>

    <div id="conversationDiv">

        <label>输入你的名字</label><input type="text" id="name"/>

        <button id="sendName" onclick="sendName();">发送</button>

        <p id="response"></p>

    </div>

</div>

<script th:src="@{stomp.js}"></script>

<script th:src="@{sockjs.js}"></script>

<script th:src="@{jquery.min.js}"></script>

<script type="text/javascript">

    var stompClient=null;

    function setConnected(connected) {

        document.getElementById("connect").disabled=connected;

        document.getElementById("disconnect").disabled=!connected;

        document.getElementById("conversationDiv").style.visibility=connected?'visible':'hidden';

        $("#response").html();

    }

    function connect() {

        var socket=new SockJS("/endpointWisely");

        stompClient=Stomp.over(socket);

        stompClient.connect({},function (frame) {

            setConnected(true);

            console.log('Connected'+frame);

            //通过stompClient.subscribe订阅   /topic/getResponse目标（在Controller的@SendTo中定义）  发送的消息

            stompClient.subscribe('/topic/getResponse',function (response) {

                showResponse(JSON.parse(response.body).responseMessage);

            });

        });

    }

    function disconnect() {

        if (stompClient!=null){

            stompClient.disconnect();

        }

        setConnected(false);

        console.log('DisConnected');

    }

    function sendName() {

        var name=$("#name").val();

        //通过stompClient.send向  /welcome目标（在Controller的@MessageMapping中定义）  发送消息

        stompClient.send("/welcome",{},JSON.stringify({'name':name}));

    }

    function showResponse(message) {

        var response=$("#response");

        response.html(message);

    }

</script>

</body>

</html>

4、

package com.an.springbootwebsocket;

/**

 * 浏览器向服务器发送消息，用此类接受

 */

public class WiselyMessage {

    private String name;

    public String getName() {

        return name;

    }

}

5、

package com.an.springbootwebsocket;

/**

 * 服务器向浏览器发送的消息

 */

public class WiselyResponse {

    private String responseMessage;

    public WiselyResponse(String responseMessage){

        this.responseMessage=responseMessage;

    }

    public String getResponseMessage() {

        return responseMessage;

    }

}

6、

package com.an.springbootwebsocket;

import org.springframework.context.annotation.Configuration;

import org.springframework.messaging.simp.config.MessageBrokerRegistry;

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

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

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

/**

 * 通过@EnableWebSocketMessageBroker开启使用STOMP协议来传输基于代理的消息；

 * Controller使用@MessageMapping，类似于@RequestMapping

 */

@Configuration

@EnableWebSocketMessageBroker

public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    /**

     * 注册STOMP协议的节点，并映射指定的URL

     * @param registry

     */

    @Override

    public void registerStompEndpoints(StompEndpointRegistry registry) {

        //注册一个STOMP协议的endpoint,并指定使用SockJS协议

        registry.addEndpoint("/endpointWisely").withSockJS();

    }

    /**

     * 配置消息代理

     * @param registry

     */

    @Override

    public void configureMessageBroker(MessageBrokerRegistry registry) {

        //广播式应配置一个/topic消息代理

        registry.enableSimpleBroker("/topic");

    }

}

7、

package com.an.springbootwebsocket;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;

import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

@Configuration

public class WebMvcConfig extends WebMvcConfigurerAdapter {

    @Override

    public void addViewControllers(ViewControllerRegistry registry) {

        registry.addViewController("/ws").setViewName("/ws");

    }

}

8、

package com.an.springbootwebsocket;

import org.springframework.messaging.handler.annotation.MessageMapping;

import org.springframework.messaging.handler.annotation.SendTo;

import org.springframework.stereotype.Controller;

@Controller

public class WsController {

    /**

     * 1、当浏览器向服务器发送请求时，通过@MessageMapping映射/welcome地址；

     * 2、当服务器有消息时，会对订阅了@SendTo中的路径的浏览器发送消息

     * @param wiselyMessage

     * @return

     */

    @MessageMapping(value = "/welcome")

    @SendTo(value = "/topic/getResponse")

    public WiselyResponse say(WiselyMessage wiselyMessage){

        return new WiselyResponse(wiselyMessage.getName());

    }

}

SpringBoot---Web开发---WebSocket的更多相关文章

SpringBoot Web开发(5) 开发页面国际化+登录拦截
SpringBoot Web开发(5) 开发页面国际化+登录拦截一.页面国际化页面国际化目的:根据浏览器语言设置的信息对页面信息进行切换,或者用户点击链接自行对页面语言信息进行切换. **效果演示 ...
SpringBoot Web开发(4) Thymeleaf模板与freemaker
SpringBoot Web开发(4) Thymeleaf模板与freemaker 一.模板引擎常用得模板引擎有JSP.Velocity.Freemarker.Thymeleaf SpringBoo ...
【SpringBoot】SpringBoot Web开发（八）
本周介绍SpringBoot项目Web开发的项目内容,及常用的CRUD操作,阅读本章前请阅读[SpringBoot]SpringBoot与Thymeleaf模版(六)的相关内容 Web开发项目搭建 ...
springboot web开发【转】【补】
pom.xml引入webjars的官网 https://www.webjars.org/ https://www.thymeleaf.org/doc/tutorials/3.0/usingthymel ...
SpringBoot(四): SpringBoot web开发 SpringBoot使用jsp
1.在SpringBoot中使用jsp,需要在pom.xml文件中添加依赖  <dependency> ...
Spring-boot -Web开发
1).创建SpringBoot应用,选中我们需要的模块: 2).SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置就可以运行起来 3).自己编写业务代码: 文件名的功能 x ...
SpringBoot Web开发(3) WebMvcConfigurerAdapter过期替代方案
springboot2.0中 WebMvcConfigurerAdapter过期替代方案最近在学习尚硅谷的<springboot核心技术篇>,项目中用到SpringMVC的自动配置和扩展 ...
SpringBoot——Web开发（静态资源映射）
静态资源映射 SpringBoot对于SpringMVC的自动化配置都在WebMVCAutoConfiguration类中. 其中一个静态内部类WebMvcAutoConfigurationAdapt ...
[SpringBoot——Web开发（使用Thymeleaf模板引擎）]
[文字只能描述片段信息,具体细节参考代码] https://github.com/HCJ-shadow/SpringBootPlus 引入POM依赖 <properties> <ja ...
web开发-CORS支持
一.简介 Web 开发经常会遇到跨域问题,解决方案有:jsonp,iframe,CORS 等等 1.1.CORS与JSONP相比 1.JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求 ...

随机推荐

Luke 5—— 可视化 Lucene 索引查看工具，可以查看ES的索引
Luke 5 发布,可视化 Lucene 索引查看工具 oschina 发布于2015年08月31日这是一个主要版本,该版本支持 Lucene 5.2.0. 它支持 elasticsearch ...
openfire XML流
XML流概览两个基本概念,XML流和XML节,使得在出席信息已知的实体之间,异步交换低负载的结构化信息成为可能.这两个术语定义如下: XML流的定义:一个XML流是一个容器,包含了两个实体之间通过 ...
python-多线程3-生产者消费者
'''生产者和消费者''' ''' 用python写一个多线程的生产者和消费者生产者x x>0,有东西,print(不生产) x=0,没东西,print(生产) for循环消费者x x=0, ...
剑指offer24：判断一个二叉树的后序遍历序列是否为二叉搜索树的后序遍历序列
public static boolean isBSTSequence(int[] s,int l, int r) { if (s == null || r <= 0) return false ...
Python: Neural Networks
这是用Python实现的Neural Networks, 基于Python 2.7.9, numpy, matplotlib. 代码来源于斯坦福大学的课程: http://cs231n.github. ...
ACM学习历程—HDU 5289 Assignment(线段树 || RMQ || 单调队列)
Problem Description Tom owns a company and he is the boss. There are n staffs which are numbered fro ...
Linux 包管理基础：apt、yum、dnf 和 dpkg
https://linux.cn/article-8782-1.html 1. apt-get 安装( 在线) 会帮我把所有的依赖包都一起安装 apt-get install xxx 安装xxx .如 ...
虚拟机 Linux
VBox ubuntu安装增强功能
SpringBoot之导入导出Excel
1.添加springBoot支持 <dependency> <groupId>org.apache.poi</groupId> <artifactId> ...
iOS端IM开发从入门到填坑
让App聊起来 IM开发从入门到填坑Demo IM的实现方式拿来主义,使用第三方IM服务 IM的第三方服务商国内有很多,底层协议基本上都是基于TCP的,类似有网易云信.环信.融云.极光IM.Le ...

SpringBoot---Web开发---WebSocket

SpringBoot---Web开发---WebSocket的更多相关文章

随机推荐

热门专题