在thinkphp6中使用gatewaywork长链接完整流程（自己的开发日记过程坎坷不过结果很满意）

最新推荐文章于 2024-02-21 13:09:24 发布

蔺儿响叮当

最新推荐文章于 2024-02-21 13:09:24 发布

阅读量831

点赞数

分类专栏： php 工作笔记文章标签： php

本文链接：https://blog.csdn.net/linxinyugg/article/details/134251659

版权

php 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

工作笔记

2 篇文章 0 订阅

订阅专栏

在thinkphp6中使用gatewaywork长链接（其他框架其实也可以看会思路就行大同小异）

安装Workerman

composer require topthink/think-worker

注意安装的时候可能会有报错如果没有可以忽略（我的原因是composer版本问题更新一下就可以了）如果有问题先去百度找一下报错解决办法

安装完成

检查config文件夹 3个配置文件
在这里插入图片描述
如果三个配置文件都在那就说明没问题

修改配置

我用的是gatewaywoker实现功能就好，用那个无所谓，点击gatewaywoker.php文件在这里插入图片描述
这里需要修改的就是端口和BusinsessWorker路径

1、修改端口

我这边修改的是1236你可以设置成自己喜欢的端口，注意你自己的端口需要在云服务器放行，如果使用的宝塔也需要在宝塔放行

2、修改BusinsessWorker配置路径

我的放在app\controller\GatewayEvents （我只放一些我修改了的代码）我基本只修改了返回数据的类型方便自己可以区分，你们也可以自己返回
在这里插入图片描述
这个里面有看不懂的可以去 workerman官网这里有相关的文档手册可以看一下

启动原神

启动
（本地启动时可能会报错启动不了，我直接在服务器上面运行的，本地运行需要的配置太多很麻烦我就没搞，如果你想在本地也可以自己百度搜一下报错配置一下）

php think worker:gateway -d

关闭

php think worker:gateway stop

怕自己忘记可以放在tp的md文件中
在这里插入图片描述
下面是请求文件html只要可以访问就行简单测试一下，html请求的ws的链接是不需要配置的直接写就行，当时我纳闷了半天找不到在哪里配置的，你直接写（ws://服务器ip:端口）这样就可以了，打开页面后f12查看一下ws里面有没有内容如果没有肯定是你那里报错了自己找一下链接以后不需要刷新你发送内容或者调用发送的方法可以直接在f12看到如果看不到那说明没有链接成功

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
Welcome<br/><input id="text" type="text"/>
<button onclick="send()">发送消息</button>
<hr/>
<button onclick="closeWebSocket()">关闭WebSocket连接</button>
<hr/>
<div id="message"></div>
</body>

<script type="text/javascript">
    let websocket = null;
    //判断当前浏览器是否支持WebSocket
    if ('WebSocket' in window) {
        websocket = new WebSocket("ws://服务器ip:1236?id=11");
    } else {
        alert('当前浏览器 Not support websocket')
    }

    //连接发生错误的回调方法
    websocket.onerror = function () {
        setMessageInnerHTML("WebSocket连接发生错误");
    };

    //连接成功建立的回调方法
    // websocket.onopen = function () {
        // websocket.send(
        //     JSON.stringify({
        //         action: 'SOME_ACTION',
        //         data: {
        //             name: 'aaa'
        //         }
        //     })
        // )
        // setMessageInnerHTML("WebSocket连接成功");
    // }

    // setTimeout(() => {
    //     websocket.send(
    //         JSON.stringify({
    //             action: 'KEEP_ALIVE',
    //         })
    //     )
    // }, 10000)


    //接收到消息的回调方法
    websocket.onmessage = function (event) {
        setMessageInnerHTML(event.data);
    }

    //连接关闭的回调方法
    websocket.onclose = function () {
        // setMessageInnerHTML("WebSocket连接关闭");
    }

    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function () {
        closeWebSocket();
    }

    //将消息显示在网页上
    function setMessageInnerHTML(innerHTML) {
        document.getElementById('message').innerHTML += innerHTML + '<br/>';
    }

    //关闭WebSocket连接
    function closeWebSocket() {
        websocket.close();
    }

    //发送消息
    function send() {
        const message = document.getElementById('text').value;
        websocket.send(message);
    }
</script>
</html>

BusinsessWorker配置文件描述

1、onConnect 事件，就是你链接上ws时直接给你返回的
2、onWebSocketConnect 同上，不过这个方法可以接收到你传给ws链接的参数，我用来绑定uid了，方便后续操作workerman文档里面有方法可以查询绑定后的信息，上面图片中 Gateway::bindUid(wsID每次刷新重新链接ws都不一样, 用户ID); 这个就是绑定uid是workerman文档里面的方法
3、onMessage 调用ws后send发送的内容可以通过这个方法返回内容，workerman文档里面有其他好用的发送内容的方法可以用