fastadmin使用宝塔管理面板swoole4创建websocket服务并开启wss支持（改良可用）

1、安装swoole插件

我php的版本是7.4， Swoole4.

2、安装think-swoole

在网站站点根目录下运行

composer require topthink/think-swoole:2.0.0

特殊情况可强制安装

composer require topthink/think-swoole:2.0.0 --ignore-platform-reqs

3、修改伪静态，加入代码

  location /wss {
            proxy_pass http://127.0.0.1:9501;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            rewrite /wss/(.*) /$1 break;
            proxy_redirect off;
            proxy_connect_timeout 5s; #配置点1
            proxy_read_timeout 60000s; #配置点2，如果没效，可以考虑这个时间配置长一点
            proxy_send_timeout 60000s; #配置点3
    }

4、服务端代码

新建一个WSServer.php文件，存放在/application/tool/controller目录：（注意：1.开启9501端口，2.目录改为自己的）

<?php
namespace app\tool\controller;
require_once './vendor/topthink/think-swoole/src/Server.php';
use fast\Random;
use think\Hook;
use think\swoole\Server;
use think\Controller;
use think\Db;
/**
 * socket类
 */
class Wssserver extends Server
{
    protected $host = '0.0.0.0'; //监听所有地址
    protected $port = 9501; //监听9501端口
    protected $serverType = 'socket';
    protected $option = [ 
        'worker_num'=>  4, //设置启动的Worker进程数
        'daemonize'    =>  false, //守护进程化（上线改为true）
        'backlog'    =>  128, //Listen队列长度
        'dispatch_mode' =>  2, //固定模式，保证同一个连接发来的数据只会被同一个worker处理
 
        //心跳检测：每60秒遍历所有连接，强制关闭10分钟内没有向服务器发送任何数据的连接
        'heartbeat_check_interval' =>  60,
        'heartbeat_idle_time' =>  600
    ];
    /**
     * Task  //分发任务
     * @param $ws
     * @param $frame
     */
    public function myTask($method,$data) {
        $obj = new \app\tool\lib\Task;
        //echo $method;
        //echo gettype($data);
        $flag = $obj->$method($data);
    }
    //建立连接时回调函数
    public function onOpen($server, $req)
    {
        $fd = $req->fd;//客户端标识
        $member_id = $req->get['member_id'];//客户端传递的用户id
        if(!$member_id){
            $server->close($fd); 
        }else {
            $data=[];
            $data['fd']=$fd;
            $data['member_id']=$member_id;
            $this->myTask('fd_open',$data);
        }
        
        //省略给用户绑定fd逻辑......
        echo "用户建立了连接,标识为{$fd}\n";
    }
 
    //接收数据时回调函数
    public function onMessage($server, $frame)
    {
        $fd = $frame->fd;
        $message = $frame->data;
        echo "onMessage\n";
        //省略通过fd查询用户uid逻辑......
        // $uid = 666;
        // $data['uid'] = $uid;
        // $data['message'] = '用户'.$uid.'发送了:'.$message;
        // $data['post_time'] = date("m/d H:i",time());
        // $arr = array('status'=> 1,'message'=> 'success','data'=> $data);
        // //仅推送给当前连接用户
        // //$server- push($fd, json_encode($arr));
 
        // //推送给全部连接用户
        // foreach($server->connections as $fd) {
        //     $server->push($fd, json_encode($arr));
        // } 
    }
 
    //连接关闭时回调函数
    public function onClose($server, $fd)
    {
        $data=[];
        $data['fd']=$fd;
        $this->myTask('fd_close',$data);
        echo "标识{$fd}关闭了连接\n";
    }
}

WSServer.php

5、启动服务端代码

在根目录新建个start_server.php文件，（注意：记得将目录改为自己的）

<?php
// require_once './application/tool/lib/Wssserver.php';
// // 导入 Wssserver 类所在的命名空间
// use app\tool\lib\Wssserver;
// $ws = new Wssserver();
// $ws->start();


define('APP_PATH', __DIR__ . '/application/');
define('BIND_MODULE','tool/Wssserver');
// 加载框架引导文件
require __DIR__ . '/thinkphp/start.php';

便可使用

php start_server.php start

启动swoole服务

6、前端代码，记得改域名

<!DOCTYPE html>
<html>
 
<head>
 
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
</head>
 
<body>
 
    <div id="mainbody">
        <div class="container">
            <div class="text-center">
                <div>status:</div>
                <div id="status"></div>
                <button id="connectButton">连接服务器</button>
                <button id="disconnectButton">断开</button>
                <input id="messageInput" type="text">
                <button id="sendButton">发送信息</button>
                <div>收到服务端信息</div>
                <div id="messages">messages: </div>
            </div>
        </div>
    </div>
 
    <script>
        $(document).ready(function () {
            var socket;
 
            // 打开WebSocket连接
            function openSocket() {
                socket = new WebSocket("wss://${你的域名}/wss?member_id=1");
 
                // 连接成功时的处理
                socket.onopen = function (event) {
                    $("#status").text("连接状态：已连接");
                    login();
                };
 
                // 接收到消息时的处理
                socket.onmessage = function (event) {
                    var message = event.data;
                    $("#messages").append("<p>" + message + "</p>");
                };
 
                // 连接关闭时的处理
                socket.onclose = function (event) {
                    $("#status").text("连接状态：已关闭");
                };
            }
 
            // 关闭WebSocket连接
            function closeSocket() {
                socket.close();
            }
 
            function login() {
                var message = { 'uid': 1001, 'token': '12jja' };
                socket.send(JSON.stringify(message));
            }
 
            // 发送消息到WebSocket服务器
            function sendMessage() {
                var message = $("#messageInput").val();
                socket.send(message);
                $("#messageInput").val("");
            }
 
            // 处理连接按钮的点击事件
            $("#connectButton").click(function () {
                openSocket();
            });
 
            // 处理断开连接按钮的点击事件
            $("#disconnectButton").click(function () {
                closeSocket();
            });
 
            // 处理发送消息按钮的点击事件
            $("#sendButton").click(function () {
                sendMessage();
            });
        });
    </script>
 
</body>
 
</html>

index.html

index.html

7、任务分发处理

新建一个Task.php文件，存放在/application/tool/lib目录：（注意：1.开启9501端口，2.目录改为自己的）

<?php
/**
 * 代表的是  swoole里面 后续 所有  task异步 任务 都放这里来
 */
namespace app\tool\lib;
use think\Controller;
use think\Db;
class Task extends Controller{
    //通过task机制发送实时数据给客户端
    
    //fd在线
    public function fd_open($data){
        $fd=$data['fd'];
        $member_id=$data['member_id'];
        $u=[];
        $u['create_time']=time();
        $u['member_id']=$member_id;
        $u['fd']=$fd;
        Db::name('chat_fd')->insert($u);//
    }
    //fd离线
    public function fd_close($data){
        $fd=$data['fd'];
        Db::name('chat_fd')->where('fd',$fd)->delete();
    }

   


}

Task.php

8、结果

数据库中已可存入数据

posted @ 2025-03-07 21:53 zhang_you_wu 阅读(318) 评论(1) 收藏举报

刷新页面返回顶部

友点胡说八道

武用武之地

fastadmin使用宝塔管理面板swoole4创建websocket服务并开启wss支持（改良可用）

1、安装swoole插件

2、安装think-swoole

3、修改伪静态，加入代码

4、服务端代码

5、启动服务端代码

6、前端代码，记得改域名

7、任务分发处理

8、结果

公告

友 点胡说八道

武 用武之地

fastadmin使用宝塔管理面板swoole4创建websocket服务并开启wss支持（改良可用）

1、安装swoole插件

2、安装think-swoole

3、修改伪静态，加入代码

4、服务端代码

5、启动服务端代码

6、前端代码，记得改域名

7、任务分发处理

8、结果

公告

友点胡说八道

武用武之地