回答

在同一个服务器端口上实现 HTTP、WebSocket 和普通的 TCP Socket 公用，通常需要一个支持多协议的服务器或一个能够处理不同协议的代理服务器。以下是实现这一目标的一些方法和步骤：方法一：使用支持多协议的服务器

一些服务器本身支持在同一端口上处理多种协议，例如 Nginx 或 Node.js 等。

使用 Nginx

Nginx 可以配置为同时处理 HTTP 和 WebSocket 请求。

安装 Nginx

安装 Nginx 并确保它运行良好。

配置 Nginx

编辑 Nginx 配置文件（通常是 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/default），使其支持 HTTP 和 WebSocket。

server {
    listen 80;

    # HTTP
    location / {
        proxy_pass http://your_http_backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }

    # WebSocket
    location /ws {
        proxy_pass http://your_websocket_backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

重启 Nginx

sudo systemctl restart nginx

方法二：使用 Node.js 和 http 模块

Node.js 可以使用同一个服务器实例来处理 HTTP 和 WebSocket 请求。

安装 Node.js

安装 Node.js 并初始化一个新的项目。

mkdir myapp
cd myapp
npm init -y
npm install express ws

编写服务器代码

创建一个 server.js 文件并添加以下代码：

const express = require('express');
const http = require('http');
const WebSocket = require('ws');

const app = express();
const server = http.createServer(app);
const wss = new WebSocket.Server({ server });

// HTTP request handling
app.get('/', (req, res) => {
    res.send('Hello, HTTP!');
});

// WebSocket connection handling
wss.on('connection', (ws) => {
    ws.on('message', (message) => {
        console.log(`Received message: ${message}`);
        ws.send(`Echo: ${message}`);
    });

    ws.send('Hello, WebSocket!');
});

server.listen(8080, () => {
    console.log('Server is listening on port 8080');
});

运行服务器

node server.js

方法三：使用反向代理

使用 Nginx 或 Apache 等反向代理来分发流量。

配置反向代理

配置反向代理，将不同的路径或协议请求转发到相应的后端服务器。

例如，在 Nginx 中：

server {
    listen 80;

    # HTTP
    location / {
        proxy_pass http://localhost:3000;
    }

    # WebSocket
    location /ws {
        proxy_pass http://localhost:3001;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

设置后端服务器

配置两个不同的后端服务器分别处理 HTTP 和 WebSocket 请求。

还有swoole也鞥实现

Swoole 是一个基于 PHP 的高性能网络通信框架，它可以轻松实现 HTTP、WebSocket 和 TCP Socket 在同一端口的共用。以下是使用 Swoole 实现这一目标的步骤。

创建 Swoole 服务器

接下来，编写一个 PHP 脚本来创建 Swoole 服务器，处理 HTTP、WebSocket 和 TCP Socket 请求。

<?php
use Swoole\Http\Server as HttpServer;
use Swoole\WebSocket\Server as WebSocketServer;
use Swoole\Server as TcpServer;

$server = new WebSocketServer("0.0.0.0", 9501);

// HTTP 处理
$server->on('Request', function ($request, $response) {
    // 处理 HTTP 请求
    $response->header("Content-Type", "text/plain");
    $response->end("Hello, HTTP!\n");
});

// WebSocket 处理
$server->on('Open', function (WebSocketServer $server, $request) {
    echo "Connection open: {$request->fd}\n";
    $server->push($request->fd, "Hello, WebSocket!");
});

$server->on('Message', function (WebSocketServer $server, $frame) {
    echo "Received message: {$frame->data}\n";
    $server->push($frame->fd, "Echo: {$frame->data}");
});

$server->on('Close', function (WebSocketServer $server, $fd) {
    echo "Connection close: {$fd}\n";
});

// TCP 处理
$tcpServer = $server->addListener("0.0.0.0", 9502, SWOOLE_SOCK_TCP);
$tcpServer->on('Connect', function (TcpServer $server, $fd) {
    echo "TCP connection open: {$fd}\n";
});

$tcpServer->on('Receive', function (TcpServer $server, $fd, $reactorId, $data) {
    echo "Received TCP data: {$data}\n";
    $server->send($fd, "Echo: {$data}");
});

$tcpServer->on('Close', function (TcpServer $server, $fd) {
    echo "TCP connection close: {$fd}\n";
});

// 启动服务器
$server->start();

运行服务器

保存上述脚本为 swoole_server.php，然后运行它：

php swoole_server.php

测试

现在，你的 Swoole 服务器在同一个端口上处理 HTTP、WebSocket 和 TCP Socket 请求：

HTTP 请求：http://localhost:9501/WebSocket 请求：ws://localhost:9501/TCP 请求：连接到 localhost:9502说明Swoole 的 WebSocketServer 类继承自 HttpServer 类，因此它能够同时处理 HTTP 和 WebSocket 请求。使用 addListener 方法在同一服务器上添加另一个监听器，用于处理 TCP 请求。每种请求类型（HTTP、WebSocket、TCP）都有各自的事件回调来处理连接、消息和关闭事件。

通过这种方式，Swoole 可以轻松实现同一个端口上处理多种协议的需求，非常适合高性能和高并发的应用场景。