如何在Java服务器和JavaScript客户端之间使用套接字通信？

Question

我正在尝试将Java Server和Javascript客户端与socket.io连接。 当我在浏览器上看到调试器时，似乎正在接收数据，但是我收到此错误：“原因：CORS标头'Access-Control-Allow-Origin'丢失”，我无法打印数据在客户端。

import...
public class MeuServerSocket {
    //initialize socket and input stream 
    private Socket socket = null;
    private ServerSocket server = null;
    private DataInputStream in = null;

    public MeuServerSocket(int port) {
        // starts server and waits for a connection 
        try {
            while(true){
            server = new ServerSocket(port);
            System.out.println("Server started");

            System.out.println("Waiting for a client ...");

            socket = server.accept();
            System.out.println("Client accepted");
            ObjectOutputStream saida = new ObjectOutputStream(socket.getOutputStream());
            saida.flush();
            // send available data from server to client
            saida.writeObject("Texto enviado 123...");

            // takes input from the client socket 
            in = new DataInputStream( 
                new BufferedInputStream(socket.getInputStream())); 

            String line = ""; 

            // reads message from client until "Over" is sent 
            boolean fim = false;
            while (!line.equals("Over") && !fim) 
            { 
                try
                { 
                    line = in.readUTF(); 
                    System.out.println(line); 

                } 
                catch(IOException i) 
                { 
                    fim = true;
                    System.out.println(i.toString());
                } 
            } 
            System.out.println("Closing connection");

            // close connection 
            socket.close();
            saida.close();
            in.close();
            }
        } catch (IOException i) {
            System.out.println(i);
        }catch(Exception e){
            System.out.println(e.toString());
        }
    }

    public static void main(String[] args) {
        MeuServerSocket server = new MeuServerSocket(5000);
    }
}

   var socket = io('http://localhost:5000');
   socket.on('connect', function () {
    socket.send('hi \nOver');

    socket.on('get', function (msg) {
      // my msg
      console.log('msg: '+msg)
    })

    socket.on('disconnect',()=>{
        console.log('disconnected')
    })
  })

当我查看Firefox网络时，我看到数据是在其中一个软件包中发送的。

https://imgur.com/vDAS00B

Answer 1

TLDR：使用ws://...而不是http://...

详细信息： https用于HTTP协议。 在这种情况下，浏览器首先询问您的服务器是否允许CORS是正确的。 您尚未启用CORS。 这就是为什么浏览器拒绝发送CORS请求是正常的。

但是您说您想使用Web套接字。 然后，您应该使用ws://而不是http:// 。 对于Web套接字，没有CORS策略，浏览器将发送没有CORS限制的请求。

Answer 2

我在这里看到的最大问题是对socket.io的误解。 javascript的Socket.io与Java中的Socket库不兼容。 命名约定肯定会造成混淆。

socket.io是一个与Web套接字（ws：//）相关的库。 它实现了所有基本的websocket功能以及一些附加功能。

您为Java代码准备的是一个TCP套接字服务器。 虽然websockets和socket.io是基于TCP套接字构建的，但是您不能将socket.io客户端连接到“裸”套接字服务器。

解决方案：如果您的JavaScript是从nodejs运行的，则可以使用在此处找到的它们的网络库。 如果您是从Web浏览器运行javascript，则限于websockets，这意味着您要将Java代码更改为websocket服务器。 您可以在网上某个地方找到该图书馆。