tomcat7与外部websocket冲突解决方啊

魔女也要学编程

已于 2023-08-03 09:18:17 修改

阅读量340

点赞数

分类专栏： WebSocket解决方案文章标签： websocket 网络前端 java

于 2023-08-01 12:16:53 首次发布

本文链接：https://blog.csdn.net/m0_60043298/article/details/132039385

版权

WebSocket解决方案专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、问题描述

在前端的console报错：

connect to "localhost:8080/....." failed

翻了很久也没有答案，直到我看到一篇文章说不要引入依赖包

二、问题分析

看到这一片红色我们第一反应就是导入依赖

于是我导入了以下依赖：

但是在tomcat7之后会自带weisocket包，再次导入会有冲突，这就是一直连接不上的原因了

三、解决办法

记得加上<provided>标签

附上可以直接复制的代码：

<dependency>
  <groupId>javax.websocket</groupId>
  <artifactId>javax.websocket-api</artifactId>
  <version>1.1</version>
  <scope>provided</scope>
</dependency>

四、测试代码

这段代码不是我的，之前拿来测试，发现没有用就把网页关了（对不起了），刚刚发现这个问题后再次测试，代码完美运行，所以给各位分享一下：

后端代码（爆红没关系，直接运行即可）

import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.server.ServerEndpoint;

@ServerEndpoint("/websocketendpoint")


public class WsServer {

    @OnOpen
    public void onOpen(){
        System.out.println("Open Connection ...");
    }

    @OnClose
    public void onClose(){
        System.out.println("Close Connection ...");
    }

    @OnMessage
    public String onMessage(String message){
        System.out.println("Message from the client: " + message);
        String echoMsg = "Echo from the server : " + message;
        return echoMsg;
    }

    @OnError
    public void onError(Throwable e){
        e.printStackTrace();
    }

}

前端代码（记得把端口号后面的项目名换成自己的）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tomcat WebSocket</title>
</head>
<body>
<form>
    <input id="message" type="text">
    <input onclick="wsSendMessage();" value="Echo" type="button">
    <input onclick="wsCloseConnection();" value="Disconnect" type="button">
</form>
<br>
<textarea id="echoText" rows="5" cols="30"></textarea>
<script type="text/javascript">
    var webSocket = new WebSocket("ws://localhost:8080/ChatMoment/websocketendpoint");
    var echoText = document.getElementById("echoText");
    echoText.value = "";
    var message = document.getElementById("message");
    webSocket.onopen = function(message){ wsOpen(message);};
    webSocket.onmessage = function(message){ wsGetMessage(message);};
    webSocket.onclose = function(message){ wsClose(message);};
    webSocket.onerror = function(message){ wsError(message);};
    function wsOpen(message){
        echoText.value += "Connected ... \n";
    }
    function wsSendMessage(){
        webSocket.send(message.value);
        echoText.value += "Message sended to the server : " + message.value + "\n";
        message.value = "";
    }
    function wsCloseConnection(){
        webSocket.close();
    }
    function wsGetMessage(message){
        echoText.value += "Message received from to the server : " + message.data + "\n";
    }
    function wsClose(message){
        echoText.value += "Disconnect ... \n";
    }

    function wsError(message){
        echoText.value += "Error ... \n";
    }
</script>
</body>
</html>

运行成功后前端页面：

可以往输入框输入内容，按下Echo按钮