惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
G
Google Developers Blog
博客园 - 司徒正美
J
Java Code Geeks
aimingoo的专栏
aimingoo的专栏
A
About on SuperTechFans
博客园 - 三生石上(FineUI控件)
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
D
Docker
大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
腾讯CDC
V
Visual Studio Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
C
Check Point Blog
M
MIT News - Artificial intelligence
Jina AI
Jina AI
I
InfoQ
雷峰网
雷峰网
The Cloudflare Blog
美团技术团队
Engineering at Meta
Engineering at Meta

Hi, I Am I

[I Am I 年度简报] — 不知终日梦为鱼 初探 ESP32-CAM QQ 聊天记录 MHT 文件转 HTML [I Am I 年度简报] - 草木本无意,荣枯自有时。 Hexo 中实现 Live Photos 支持 写在当下 NKCTF 2024 1z_F0r3ns1c5 Writeup 春秋杯冬季赛 2023 Writeup [I Am I 年度简报] - 2023 某内网渗透内部赛 Writeup 强网拟态 2023 Writeup Github Actions 自动化部署 Hexo 浅析CobaltStrike流量解密 陇剑杯 2023 Writeup CTF线下赛AWDP总结 ISCC 2023 Writeup ISCC 2023 实战题 Writeup CISCN 2023 Writeup 福建闽盾杯网络空间安全大赛 2023 Writeup 天一永安杯宁波市网络安全大赛 2023 Writeup 贵阳大数据及网络安全精英对抗赛 2023 Writeup 红明谷杯 2023 Writeup Confetti 带来有仪式感的鼓励 记一次 JS 逆向密码加密 [I Am I 年度简报] – 2022 PHP 读取 Excel 文件内容并写入数据库 从0开始的 MoeCTF 开发之路 观安杯 2022 Writeup 利用微信服务号实现早安自动化 Cloudflare批量拉黑IP脚本
ThinkPHP5 利用 WebSocket 实现全站公告推送
2022-10-31 · via Hi, I Am I

WebSocket是一种在单个TCP连接上进行全双工通信的协议,允许服务端主动向客户端推送数据。

最近在开发 MoeCTF 中的 公告实时推送 功能,本来想通过 轮询 实现,但是想了一下 轮询 是客户端主动向服务端发送请求,如果单个用户感觉还行,但如果在线的用户过多均通过 轮询 的方式进行请求,容易造成大量无用请求,从而导致负载过高。

所以打算使用 WebSocket 来进行一次长连接,减少请求。由于对 WebSocket 没有过多的要求,所以直接选择了基于 WorkerMan 开发的 GatewayWorker

安装

ThinkPHP5 只能安装 2.* 版本

composer require topthink/think-worker=2.0.*

Events

修改 vendor/topthink/think-worker/src/Events.php 内的 onConnectonMessage 方法

// 当有客户端连接时,将client_id返回,让mvc框架判断当前uid并执行绑定
public static function onConnect($client_id)
{
    Gateway::sendToClient($client_id, json_encode(array(
        'type'      => 'init',
        'client_id' => $client_id
    )));
}

// GatewayWorker建议不做任何业务逻辑,onMessage留空即可
public static function onMessage($client_id, $message)
{

}

运行

注意每一次修改 WorkerMan 的配置后都需要重新启动

php think worker:gateway

image-20221030184852357

控制器

当服务端收到连接请求时,判断用户是否登录,如果已经登录把 client_id 添加到群组 All

<?php
namespace app\index\controller;
use GatewayWorker\Lib\Gateway;
use think\facade\Session;
use think\Controller;

class Push extends controller
{
    public function initialize()
    {
        parent::initialize();
        if (!Session::has('uid') {
            returnJsonData(201, 'Please login first')->send();
            exit;
        }
    }
    
    public function index($data){
        $data = [
            'type' => 'notify',
            'msg'  => input('msg'),
        ];
        Gateway::sendToGroup('All', json_encode($data));
    }

    public function notify()
    {
        Gateway::$registerAddress = '127.0.0.1:1236';
        $client_id = $_POST['client_id'];
        Gateway::joinGroup($client_id, 'All');
    }
}

用户界面

ws = new WebSocket("ws://127.0.0.1:2348");
ws.onmessage = function (e) {
  var data = eval("(" + e.data + ")");
  var type = data.type || "";
  switch (type) {
    case "init":
      $.post(
        "/api/v1/notify",
        { client_id: data.client_id },
        function (data) {},
        "json"
      );
      break;
    case "notify":
      console.log('notify:' + data);
      break;
    default:
      console.log(data);
  }
};

效果

管理员通过 push 方法请求的数据会推送给所有登录用户。

image-20221030184920941